Treat slash as value literal

emmetio · Mar 21, 2021 · 5367980 · 5367980
1 parent 0f2cf43
commit 5367980
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/packages/css-abbreviation/src/tokenizer/index.ts b/packages/css-abbreviation/src/tokenizer/index.ts
@@ -352,7 +352,6 @@ function operatorType(ch: number): OperatorType | undefined {
     return (ch === Chars.Sibling && OperatorType.Sibling)
         || (ch === Chars.Excl && OperatorType.Important)
         || (ch === Chars.Comma && OperatorType.ArgumentDelimiter)
-        || (ch === Chars.Slash && OperatorType.ArgumentDelimiter)
         || (ch === Chars.Colon && OperatorType.PropertyDelimiter)
         || (ch === Chars.Dash && OperatorType.ValueDelimiter)
         || void 0;
@@ -374,7 +373,7 @@ function isBracket(code: number) {
 }
 
 function isLiteral(code: number) {
-    return isAlphaWord(code) || code === Chars.Percent;
+    return isAlphaWord(code) || code === Chars.Percent || code === Chars.Slash;
 }
 
 /**

diff --git a/packages/css-abbreviation/test/parser.ts b/packages/css-abbreviation/test/parser.ts
@@ -74,7 +74,7 @@ describe('CSS Abbreviation parser', () => {
         equal(fn.name, 'scale3d');
 
         prop = parse('repeat(2,auto) / repeat(auto-fit, minmax(250px, 1fr))', opt)[0];
-        equal(prop.value.length, 2);
+        equal(prop.value.length, 1);
     });
 
     it('errors', () => {

diff --git a/test/stylesheet.ts b/test/stylesheet.ts
@@ -10,7 +10,8 @@ const defaultConfig = resolveConfig({
     },
     snippets: {
         mten: 'margin: 10px;',
-        fsz: 'font-size'
+        fsz: 'font-size',
+        gt: 'grid-template: repeat(2,auto) / repeat(auto-fit, minmax(250px, 1fr))'
     },
     cache: {},
 });
@@ -162,6 +163,7 @@ describe('Stylesheet abbreviations', () => {
         // Insert value into snippet fields
         equal(expand('@k-name'), '@keyframes name {\n\t${2}\n}');
         equal(expand('@k-name10'), '@keyframes name {\n\t10\n}');
+        equal(expand('gt'), 'grid-template: repeat(2, auto) / repeat(auto-fit, minmax(250px, 1fr));');
     });
 
     it('multiple properties', () => {