google/closure-stylesheets

Parsing error with CSS vars

Opened this issue · 4 comments

oliverfernandez commented

closure-stylesheets is throwing a parsing error when a CSS file uses CSS3 variables

For example, the following file

:root {
--color: red;
}

div {
 background-color: var(--color);
}

throws

Compiler parsing error: Parse error in test.css at line 2 column 1:
--color: red;
^

Is there any quick solution to prevent this, or a change in closure-stylesheets is necessary?

iflan commented

You are correct. We should implement support. Any volunteers?

ribrdb commented

Ping. Can someone look at the pull request?

  • 👍3
oliverfernandez commented

@ribrdb Thanks for PR!

Also pinging here

ribrdb commented

I think this is fixed in the latest release of closure stylesheets. At least the parse error -- it doesn't rename variables.

  • 👍1