Merge pull request #40 from StackExchange/font-rem

Remove font rem mixin
StackExchange · Jun 21, 2018 · 5542d17 · 5542d17
2 parents dda5056 + 5296174
commit 5542d17
Show file tree

Hide file tree

Showing 12 changed files with 164 additions and 253 deletions.
diff --git a/docs/assets/css/stacks-documentation.css b/docs/assets/css/stacks-documentation.css
diff --git a/docs/assets/css/stacks-documentation.min.css b/docs/assets/css/stacks-documentation.min.css
diff --git a/docs/assets/less/stacks-documentation.less b/docs/assets/less/stacks-documentation.less
@@ -107,7 +107,7 @@ body {
 //  ----------------------------------------------------------------------------
 .stacks-nav--category {
     padding: @su16 @su4 @su8 @su24;
-    .mx-fs(@fs-fine);
+    font-size: @fs-fine;
     color: @fc-dark;
     font-weight: bold;
     //font-family: @ff-mono;
@@ -135,7 +135,7 @@ body {
 //  ----------------------------------------------------------------------------
 .stacks-nav--link {
     padding: @su4 @su12 @su4 @su24;
-    .mx-fs(@fs-caption);
+    font-size: @fs-caption;
     line-height: @lh-lg;
     color: @fc-medium;
 
@@ -217,22 +217,22 @@ body {
 
 //  --  Page Title
 .stacks-h1 {
-    .mx-fs(@fs-display1);
+    font-size: @fs-display1;
 }
 
 //  --  Section Title
 .stacks-h2 {
-    .mx-fs(@fs-headline1);
+    font-size: @fs-headline1;
 }
 
 //  --  Sub-section Title
 .stacks-h3 {
-    .mx-fs(@fs-subheading);
+    font-size: @fs-subheading;
     color: @fc-medium;
 }
 
 .stacks-h4 {
-    .mx-fs(@fs-body3);
+    font-size: @fs-body3;
     color: @fc-light;
 }
 
@@ -257,7 +257,7 @@ body {
     margin-top: 0;
     margin-bottom: 1em;
     max-width: 55rem;
-    .mx-fs(@fs-body3);
+    font-size: @fs-body3;
     line-height: @lh-lg;
     color: @fc-medium;
 
@@ -267,7 +267,7 @@ body {
 }
 
 .stacks-copy__lg {
-    .mx-fs(@fs-title);
+    font-size: @fs-title;
 }
 
 
@@ -284,7 +284,7 @@ body {
     border-radius: @br-sm;
     background-color: @black-050;
 
-    .mx-fs(@fs-caption);
+    font-size: @fs-caption;
     font-family: @ff-mono;
     color: @fc-dark;
     line-height: @lh-xs;
@@ -299,7 +299,7 @@ body {
 //  ----------------------------------------------------------------------------
 .stacks-list {
     margin-bottom: 1em;
-    .mx-fs(@fs-body3);
+    font-size: @fs-body3;
     line-height: @lh-lg;
     color: @fc-medium;
 }
@@ -319,7 +319,7 @@ body {
         &,
         pre {
             margin: 0;
-            .mx-fs(@fs-body1);
+            font-size: @fs-body1;
             font-family: @ff-mono;
             line-height: @lh-lg;
             color: #C5C8C6;
@@ -391,7 +391,7 @@ body {
     border: 1px solid @orange-100;
     background-color: @orange-050;
     font-family: @ff-mono;
-    .mx-fs(@fs-caption);
+    font-size: @fs-caption;
     line-height: @lh-sm;
     color: @fc-dark;
 }