Update generator.py

eustasy · Nov 9, 2023 · 8c272f7 · 8c272f7
1 parent 0d8c191
commit 8c272f7
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/utils/generator.py b/utils/generator.py
@@ -34,17 +34,19 @@ def save_css(path, slug, suffix, css):
     #   Step 2. b) Create CSS variables for each color
     css += ':root {\n'
     for color, hex in colors.items():
+        color = re.sub('\s+', '-', color).lower()
         # Should look like --elementary-orange: #f37329;
-        css += '\t--' + slug + '-' + re.sub('\s+', '-', color).lower() + ': ' + hex.lower() + ';\n'
+        css += '\t--' + slug + '-' + color + ': ' + hex.lower() + ';\n'
     css += '}\n'
 
     #   Step 2. c) Create CSS types for each color
     for type in types:
         for color, hex in colors.items():
+            color = re.sub('\s+', '-', color).lower()
             # Should look like .color-elementary-orange
-            css += '.' + type + '-' + slug + '-' + re.sub('\s+', '-', color).lower()
+            css += '.' + type + '-' + slug + '-' + color
             # Should look like { color: #f37329; }
-            css += ' { ' + type + ': var(--' + slug + '); }\n'
+            css += ' { ' + type + ': var(--' + slug + '-' + color); }\n'
 
     #   Step 2. d) Put data into palette.css files
     css_all += css