Print styles: set minimum width for paragraphs
An arbitrary 120pt (approved by the designer) has been chosen as the minimum width of paragraphs. This is especially useful when a paragraph is surrounded by two floating elements from the left and right. If there is not enough space in the middle, then the change will push the paragraph text until there's enough space to display the text. Bug: T175008 Change-Id: I428f153309162e23606e5187a0e1bd7244253f10
This commit is contained in:
parent
6f53d4b5e2
commit
1aa66cc931
15
print.less
15
print.less
@ -122,6 +122,21 @@
|
|||||||
line-height: 16pt;
|
line-height: 16pt;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
|
|
||||||
|
// T175008
|
||||||
|
// When a paragraph is surrounded by floating elements from both
|
||||||
|
// sides, we want to make sure that there is at least some space
|
||||||
|
// before showing the text. Otherwise, small lengths of text may show
|
||||||
|
// between the surrounding elements, making the reading experience less
|
||||||
|
// enjoyable. If there is not enough space the following code will push
|
||||||
|
// the paragraph contents until after the floating element(s).
|
||||||
|
@paragraphMinWidth: 120pt;
|
||||||
|
&:before {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
width: @paragraphMinWidth;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
|
Loading…
Reference in New Issue
Block a user