feature: improve highlighting for comment inside function (#218)

Author: levivilet

src/tokenizeCss.js

@@ -602,6 +602,10 @@ export const tokenizeLine = (line, lineState) => {
           token = TokenType.Punctuation
           state = State.InsideSingleQuoteString
           stack.push(State.AfterFunctionName)
+        } else if ((next = part.match(RE_BLOCK_COMMENT_START))) {
+          token = TokenType.Comment
+          stack.push(state)
+          state = State.InsideBlockComment
         } else if ((next = part.match(RE_PROPERTY_VALUE_INSIDE_FUNCTION))) {
           token = TokenType.CssPropertyValue
           state = State.AfterFunctionName

test/baselines/comment-inside-function.txt

@@ -0,0 +1,30 @@
+CssSelector
+Whitespace
+Punctuation
+NewLine
+Whitespace
+CssPropertyName
+Punctuation
+Whitespace
+Function
+Punctuation
+Comment
+Comment
+Numeric
+Comment
+Comment
+Comment
+Punctuation
+Numeric
+Punctuation
+Comment
+Comment
+Comment
+Numeric
+Comment
+Comment
+Comment
+Numeric
+Punctuation
+NewLine
+Punctuation

test/baselines/vscode-css-property-lists-declaration-blocks-values-functional-notation-colours-matches-comments-between-colour-components.txt

@@ -6,6 +6,22 @@ Punctuation
 Whitespace
 Function
 Punctuation
-CssPropertyValue
+Comment
+Comment
+Numeric
+Comment
+Comment
+Comment
+Punctuation
+Numeric
+Punctuation
+Comment
+Comment
+Comment
+Numeric
+Comment
+Comment
+Comment
+Numeric
 Punctuation
 Punctuation

test/baselines/vscode-css-property-lists-declaration-blocks-values-functional-notation-timing-functions-them-correctly.txt

@@ -6,6 +6,19 @@ Punctuation
 Whitespace
 Function
 Punctuation
-CssPropertyValue
+Comment
+Comment
+Numeric
+Punctuation
+Comment
+Comment
+Comment
+Numeric
+Punctuation
+Numeric
+Punctuation
+Numeric
+Comment
+Comment
 Punctuation
 Punctuation

test/cases/comment-inside-function.css

@@ -0,0 +1,3 @@
+a {
+  color: rgba(/**/255/*=*/,0,/*2.2%*/51/*,*/0.2)
+}