Open page using protostar template.
In browser inspect elements
p {
margin: 0 0 0.75em;
}
p {
margin: 0 0 0.75;
}
J! 3.8.8
Using less compiler plugin with lessc version 0.3.9
Discovered that the problem is in ..\media\jui\less\type.less
p {
margin: 0 0 @baselineheight / 2;
}
But since @baselineheight is a factor and has no dimension, then margin also gets no dimension.
So change to:
p {
margin: 0 0 @baselineheight / 2em;
}
This solved the problem.
I gave element p just as an example, but there are many more (like h1,h2,... blockquote, etc).
Labels |
Added:
?
|
Yes if set with px as a dimension, but @baselineheight is also used for css line-height property, which has no dimension. So for that I should set @baselineheight without dimension.
line-height
can be defined in length units. In any case, this is coming from Bootstrap http://getbootstrap.com/2.3.2/base-css.html#body-copy.
OK, can be closed.
Status | New | ⇒ | Closed |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2018-06-09 10:41:28 |
Closed_By | ⇒ | joomlahenk |
Can't reproduce this.
@baselineheight
in Protostar is 18px:https://github.com/joomla/joomla-cms/blob/staging/templates/protostar/less/variables.less#L56
Resulting value is 9px: