CSS Linting not recognizing the :root selector

Misho · February 24, 2021, 4:03pm

Hi!

The root selector is being reported as an error:

Thanks!

tristup · February 25, 2021, 10:05am

Thanks for reaching out.
I have tried the same by adding the code in Global CSS but it does not show the error as specified in your screenshot.

Can you please check if the closing braces for the code have been added properly? If that is not the case, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– Specific page where you have added this code
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

Misho · February 25, 2021, 4:36pm

Hi!

Sorry, actually the error is on the variable. I see that now when I have placed it into the new line:

But it seems to me that it is properly defined. It works normally on the site, just the linting is reporting it as an error.

tristup · February 26, 2021, 12:41pm

Hi @Misho,

It seems that CSS Custom Properties is not recognizable in the editor and that is the reason behind your issue. I will check and will report this into the issue tracker and queued for further investigation by our development team.

Thanks

system · March 8, 2021, 12:45pm

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

alexander · March 22, 2021, 8:00pm

Hi @Misho.

I wanted to followup here to let you know this isn’t something we’ll be able to fix directly. For the Pro code editors we use the WordPress implementation of CodeMirror (saves us from adding more dependencies) which relies on CSSLint to parse css stylesheets for errors. They haven’t updated their system yet to recognize these properties.

Hopefully this will be resolved with a WordPress core update after CSSLint is upgraded.