From f4681c3135825548fad7f68cc279884a74c80ec0 Mon Sep 17 00:00:00 2001
From: Thanos Karagiannis <thanoskrg@gmail.com>
Date: Sat, 12 Jun 2021 18:24:38 +0300
Subject: [PATCH] feat(css): handle css variables syntax

---
 src/languages/css.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/languages/css.js b/src/languages/css.js
index 5927c9920b..e1c5bdf121 100644
--- 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 ],
+          }
         ]
       },
       {