NO BUG: Using variables in theme focus outline produces css validator parse error

Browser: Any
OS: macOS

I have the following defined in theme styles > typography > miscellaneous > focus outline:

var(–focus-width) solid var(–focus-colour)

This produces a parse error in the w3c css validator:

Not sure if this is a validator bug or something Bricks can resolve or even if it matters!

Hi Simon,
Thanks for your report.

After extensive research, I found that the W3 Validator does not yet support the @supports not selector(:focus-visible). Apart from that, it has nothing to do with the variables.

However, it is generally a “widely available” feature and is given as an example in the MDN docs, so it shouldn’t be a problem, and, in my opinion, the parse error can be ignored.

Best regards,
timmse

Great, thanks Stefan