Switch from SASS variables to CSS custom properties

This will eventually allow client-side theming support.
conversejs · Oct 31, 2018 · 8fdfee8 · 8fdfee8
1 parent f941de8
commit 8fdfee8
Show file tree

Hide file tree

Showing 12 changed files with 414 additions and 451 deletions.
diff --git a/sass/_awesomplete.scss b/sass/_awesomplete.scss
@@ -17,7 +17,7 @@
     .awesomplete {
         position: relative;
         mark {
-            background: $lightest-red;
+            background: var(--completion-light-color);
         }
 
         > input {
@@ -115,19 +115,19 @@
 
     .suggestion-box > ul > li[aria-selected="true"],
     div.awesomplete > ul > li[aria-selected="true"] {
-        background: $dark-red;
-        color: $inverse-link-color;
+        background: var(--completion-dark-color);
+        color: var(--inverse-link-color);
     }
 
     .suggestion-box li:hover mark,
     div.awesomplete li:hover mark {
-        background: $lightest-red;
-        color: $inverse-link-color;
+        background: var(--completion-light-color);
+        color: var(--inverse-link-color);
     }
 
     .suggestion-box li[aria-selected="true"] mark,
     div.awesomplete li[aria-selected="true"] mark {
-        background: $red;
+        background: var(--completion-normal-color);
         color: inherit;
     }
 }