fix: Allow embedded functions inside CSS function (postcss#77)

impy88 · Nov 19, 2020 · 9a7cd8b · 9a7cd8b
1 parent f16d55c
commit 9a7cd8b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/__tests__/index.js b/src/__tests__/index.js
@@ -695,6 +695,13 @@ test(
   'calc(var(--xxx, var(--yyy))/2)',
 );
 
+test(
+  'nested var level (3rd-level) (#77, cssnano#880)',
+  testValue,
+  'calc(var(--xxx, var(--yyy, var(---zzz))) / 2)',
+  'calc(var(--xxx, var(--yyy, var(---zzz)))/2)',
+);
+
 test(
   'should not throw an exception when unknow function exist in calc',
   testValue,

diff --git a/src/parser.jison b/src/parser.jison
@@ -10,7 +10,7 @@
 
 (\-(webkit|moz)\-)?calc\b                       return 'CALC';
 
-[a-z][a-z0-9-]*\s*\((?:(?:\"(?:\\.|[^\"\\])*\"|\'(?:\\.|[^\'\\])*\')|\([^)]*\)|[^\(\)]*)*\)     return 'FUNCTION';
+[a-z][a-z0-9-]*\s*\((?:(?:\"(?:\\.|[^\"\\])*\"|\'(?:\\.|[^\'\\])*\')|\((?:[^)(]|\((?:[^)(]|\([^)(]*\))*\))*\)|[^\(\)]*)*\)     return 'FUNCTION';
 
 "*"                                             return 'MUL';
 "/"                                             return 'DIV';