chore: replace size values by vars (#585)

thegeeklab · Feb 16, 2023 · b00dedf · b00dedf
1 parent 01a48ec
commit b00dedf
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 19 deletions.
diff --git a/src/sass/_base.scss b/src/sass/_base.scss
@@ -110,7 +110,7 @@ h6 {
 h4,
 h5,
 h6 {
-  font-size: 1rem !important;
+  font-size: $font-size-16 !important;
 }
 
 a {
@@ -202,8 +202,8 @@ svg.gdoc-icon {
 
   &__img {
     margin-right: $padding-16;
-    width: 2rem;
-    height: 2rem;
+    width: $padding-32;
+    height: $padding-32;
   }
 }
 
@@ -261,7 +261,7 @@ svg.gdoc-icon {
   }
 
   &__list {
-    padding-left: 1em;
+    padding-left: $padding-16;
     margin: 0;
     padding: 0;
     list-style: none;
@@ -404,8 +404,8 @@ svg.gdoc-icon {
     margin-left: $padding-8;
 
     svg.gdoc-icon {
-      width: 1.4em;
-      height: 1.4em;
+      width: 1.25em;
+      height: 1.25em;
       color: transparent;
     }
 
@@ -507,14 +507,14 @@ svg.gdoc-icon {
   &__codecopy {
     visibility: hidden;
     position: absolute;
-    top: 0.5rem;
-    right: 1rem;
+    top: $padding-8;
+    right: $padding-8;
 
     border: $border-2 solid var(--code-copy-border-color);
     border-radius: $border-radius;
     background: var(--code-copy-background);
-    width: 2.2rem;
-    height: 2.2rem;
+    width: $padding-32;
+    height: $padding-32;
 
     svg.gdoc-icon {
       top: 0;
@@ -546,7 +546,7 @@ svg.gdoc-icon {
   }
 
   &__item {
-    line-height: 2em;
+    line-height: $padding-32;
 
     &--row {
       margin-right: $padding-16;

diff --git a/src/sass/_chroma_base.scss b/src/sass/_chroma_base.scss
@@ -45,6 +45,6 @@
   }
   .chroma .lntable td:nth-child(2) {
     width: 100%;
-    margin-left: 2em;
+    margin-left: $padding-32;
   }
 }
diff --git a/src/sass/_defaults.scss b/src/sass/_defaults.scss
@@ -3,6 +3,7 @@ $padding-2: 0.125rem !default;
 $padding-4: 0.25rem !default;
 $padding-8: 0.5rem !default;
 $padding-16: 1rem !default;
+$padding-20: 1.25rem !default;
 $padding-24: 1.5rem !default;
 $padding-32: 2rem !default;
 $padding-48: 3rem !default;

diff --git a/src/sass/_markdown.scss b/src/sass/_markdown.scss
@@ -1,23 +1,25 @@
 .gdoc-markdown {
-  line-height: 1.6em;
+  line-height: $padding-24;
 
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
+    font-weight: 600;
+
     > code {
       border-top: $border-4 solid var(--accent-color);
-      font-size: 0.75em !important;
+      font-size: $font-size-12 !important;
     }
   }
 
   h4,
   h5,
   h6 {
     > code {
-      font-size: 0.8rem !important;
+      font-size: $font-size-14 !important;
     }
   }
 
@@ -161,21 +163,21 @@
   }
 
   code {
-    padding: 0.2em 0.4em;
+    padding: $padding-4 $padding-8;
   }
 
   pre,
   code {
     background-color: var(--code-background);
     border-radius: $border-radius;
     color: var(--code-font-color);
-    font-size: 0.85rem;
-    line-height: 1.45em;
+    font-size: $font-size-14;
+    line-height: $padding-16;
   }
 
   pre code {
     display: block;
-    padding: 1rem;
+    padding: $padding-16;
     width: 100%;
   }