Typography Refresh - Apply line-height to correct ID

The 1.6 line-height (@content-line-height set in variables.less) in
the Typography Refresh has been applied to div#content, which is in
turn overridden by the 1.5em line-height of #bodyContent
(set in common.less).

Fix: Remove line-height rule for div#content and set
line-height for #bodyContent to @content-line-height.

Bug: 63731
Change-Id: I16e6d6cea6f283bf79a6bf29c19b9700dda222f8

diff --git a/skins/vector/components/common.less b/skins/vector/components/common.less
index 9b8c41a..25ba301 100644 (file)
--- a/skins/vector/components/common.less
+++ b/skins/vector/components/common.less
@@ -28,7 +28,6 @@ body {
 
 /* Content */
 div#content {
-       line-height: @content-line-height;
        margin-left: 10em;
        padding: @content-padding;
        /* Border on top, left, and bottom side */
@@ -131,7 +130,7 @@ pre, .mw-code {
 #bodyContent {
        position: relative;
        width: 100%;
-       line-height: 1.5em;
+       line-height: @content-line-height;
        font-size: @content-font-size;
 }