feat(css): handle css variables syntax

highlightjs · Jun 12, 2021 · f4681c3 · f4681c3
1 parent 40b6a8a
commit f4681c3
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/languages/css.js b/src/languages/css.js
@@ -25,6 +25,10 @@ export default function(hljs) {
     hljs.APOS_STRING_MODE,
     hljs.QUOTE_STRING_MODE
   ];
+  const CSS_VARIABLE = {
+    className: "variable",
+    begin: /--[A-Za-z_-](?:(?!\s)[A-Za-z0-9_-])*/,
+  };
 
   return {
     name: 'CSS',
@@ -72,6 +76,7 @@ export default function(hljs) {
       //   end: /\)/,
       //   contains: [ hljs.CSS_NUMBER_MODE ]
       // },
+      CSS_VARIABLE,
       {
         className: 'attribute',
         begin: '\\b(' + css.ATTRIBUTES.join('|') + ')\\b'
@@ -106,7 +111,11 @@ export default function(hljs) {
               }
             ]
           },
-          FUNCTION_DISPATCH
+          FUNCTION_DISPATCH,
+          {
+            begin: /\(/,
+            contains: [ CSS_VARIABLE ],
+          }
         ]
       },
       {