Default values for custom variables

[blasten]

If you have a default value for a custom variable that contains parenthesis, the regexp for detecting variables stops working.
Here's a use case:

 background-color: var(---default-color, rgba(0, 0, 0, 0.5));

The regexp thinks that the closing parenthesis is the first ) I wonder if there's a solution using regexp for dealing with recursion.
The workaround is to have a

:root { 
   ---default-color:  rgba(0, 0, 0, 0.5);
}

[kevinpschaaf]

Another short-term option would be this:

:host {
  --default-default-color: rgba(0, 0, 0, 0.5);
}

... {
  background-color: var(--default-color, --default-default-color);
}

We will work on this; it's a limitation to the current parsing techniques being used.

[sorvell]

Other possibilities that are short of more complex parsing: (1) support 1 level of inner-parens, (2) require escaping of inner parens.

[blasten]

👍 glad to hear