From f9dd0cab480c8784413df21fd030251f44859466 Mon Sep 17 00:00:00 2001
From: Juanito Fatas <katehuang0320@gmail.com>
Date: Mon, 23 Mar 2020 14:03:20 +0900
Subject: [PATCH] [Guides] line-height should be unitless

When line-height has unit, it will have unexpected results.
Based on recommendations by MDN[1] and CSSTricks[2].

[1] MDN https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#Prefer_unitless_numbers_for_line-height_values
[2] CSS Tricks https://css-tricks.com/almanac/properties/l/line-height/#article-header-id-0
---
 guides/assets/stylesheets/main.css     | 18 +++++++++---------
 guides/assets/stylesheets/main.rtl.css | 18 +++++++++---------
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/guides/assets/stylesheets/main.css b/guides/assets/stylesheets/main.css
index 790f0549a6..bfaa78888f 100644
--- a/guides/assets/stylesheets/main.css
+++ b/guides/assets/stylesheets/main.css
@@ -100,7 +100,7 @@ body {
   text-align: center;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 87.5%;
-  line-height: 1.5em;
+  line-height: 1.5;
   background: #fff;
   color: #999;
 }
@@ -256,7 +256,7 @@ body {
   padding: 1em 1.5em 1em 1.25em;
   width: 20em;
   font-size: 0.9285em;
-  line-height: 1.3846em;
+  line-height: 1.3846;
   margin-right: 1em;
 }
 
@@ -469,14 +469,14 @@ a, a:link, a:visited {
 
 h1 {
   font-size: 2.5em;
-  line-height: 1em;
+  line-height: 1;
   margin: 0.6em 0 .2em;
   font-weight: bold;
 }
 
 h2 {
   font-size: 2.1428em;
-  line-height: 1em;
+  line-height: 1;
   margin: 0.7em 0 .2333em;
   font-weight: bold;
 }
@@ -489,7 +489,7 @@ h2 {
 
 h3 {
   font-size: 1.7142em;
-  line-height: 1.286em;
+  line-height: 1.286;
   margin: 0.875em 0 0.2916em;
   font-weight: bold;
 }
@@ -502,21 +502,21 @@ h3 {
 
 h4 {
   font-size: 1.2857em;
-  line-height: 1.2em;
+  line-height: 1.2;
   margin: 1.6667em 0 .3887em;
   font-weight: bold;
 }
 
 h5 {
   font-size: 1em;
-  line-height: 1.5em;
+  line-height: 1.5;
   margin: 1em 0 .5em;
   font-weight: bold;
 }
 
 h6 {
   font-size: 1em;
-  line-height: 1.5em;
+  line-height: 1.5;
   margin: 1em 0 .5em;
   font-weight: normal;
 }
@@ -692,7 +692,7 @@ div.code_container {
 
 #subCol .content {
   font-size: 0.7857em;
-  line-height: 1.5em;
+  line-height: 1.5;
 }
 
 #subCol .content li {
diff --git a/guides/assets/stylesheets/main.rtl.css b/guides/assets/stylesheets/main.rtl.css
index aef7b8f500..7bc355dc28 100644
--- a/guides/assets/stylesheets/main.rtl.css
+++ b/guides/assets/stylesheets/main.rtl.css
@@ -100,7 +100,7 @@ body {
   text-align: center;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 87.5%;
-  line-height: 1.5em;
+  line-height: 1.5;
   background: #fff;
   color: #999;
   direction: rtl;
@@ -257,7 +257,7 @@ body {
   padding: 1em 1.5em 1em 1.25em;
   width: 20em;
   font-size: 0.9285em;
-  line-height: 1.3846em;
+  line-height: 1.3846;
   margin-left: 1em;
 }
 
@@ -470,14 +470,14 @@ a, a:link, a:visited {
 
 h1 {
   font-size: 2.5em;
-  line-height: 1em;
+  line-height: 1;
   margin: 0.6em 0 .2em;
   font-weight: bold;
 }
 
 h2 {
   font-size: 2.1428em;
-  line-height: 1em;
+  line-height: 1;
   margin: 0.7em 0 .2333em;
   font-weight: bold;
 }
@@ -490,7 +490,7 @@ h2 {
 
 h3 {
   font-size: 1.7142em;
-  line-height: 1.286em;
+  line-height: 1.286;
   margin: 0.875em 0 0.2916em;
   font-weight: bold;
 }
@@ -503,21 +503,21 @@ h3 {
 
 h4 {
   font-size: 1.2857em;
-  line-height: 1.2em;
+  line-height: 1.2;
   margin: 1.6667em 0 .3887em;
   font-weight: bold;
 }
 
 h5 {
   font-size: 1em;
-  line-height: 1.5em;
+  line-height: 1.5;
   margin: 1em 0 .5em;
   font-weight: bold;
 }
 
 h6 {
   font-size: 1em;
-  line-height: 1.5em;
+  line-height: 1.5;
   margin: 1em 0 .5em;
   font-weight: normal;
 }
@@ -693,7 +693,7 @@ div.code_container {
 
 #subCol .content {
   font-size: 0.7857em;
-  line-height: 1.5em;
+  line-height: 1.5;
 }
 
 #subCol .content li {