DEV: Use css vars (#30)

discourse · Nov 14, 2023 · 38e6cf2 · 38e6cf2
1 parent c788118
commit 38e6cf2
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/common/common.scss b/common/common.scss
@@ -7,7 +7,7 @@ html.homepage-featured-topics {
 .featured-topic-wrapper {
   margin-bottom: 3em;
   text-align: center;
-  border-bottom: 1px solid $primary-low;
+  border-bottom: 1px solid var(--primary-low);
   position: relative;
 
   .spinner {
@@ -25,7 +25,7 @@ html.homepage-featured-topics {
     margin-top: 1em;
   }
   h2 {
-    border-bottom: 1px solid $primary-low;
+    border-bottom: 1px solid var(--primary-low);
     padding-bottom: 0.5em;
     margin-bottom: 1.5em;
   }
@@ -89,7 +89,7 @@ html.homepage-featured-topics {
       h3 {
         margin: 0;
         padding: 1em 0 1.5em;
-        font-size: $font-up-2;
+        font-size: var(--font-up-2);
         padding: 0.5em 1em 1em 1em;
         a {
           display: -webkit-box;