error while specifying variables in CSS3 ; Expected RBRACE. This rule looks for recoverable syntax error

[avreddy1996]

:root{ --nvctheme-color: #3f1a67; --nvcthemelight-color: #5f259e; }
this is the code I am using to define website theme color as a variable but in CSSlint it is showing error
ERROR: Expected RBRACE at line 17, col 3. This rule looks for recoverable syntax errors. (errors) Browsers: All

[aliceinpalth]

Experiencing this as well.

[adityarao310]

Yup, same here

[frvge]

The parser doesn't know how to handle CSS Variables as far as I know.

[varunyellina]

Happens with me too.

[Redmega]

Support for css variables has landed in all major browsers except ie11. csslint should support it!

[vrosu]

Same issue here. Don't know why, but when trying to use /* csslint ignore:start / and / csslint ignore:end */ I can't get rid of errors inin CodeMirror (uses CSSLint 1.0.4). Has anyone managed to use the ignore to get rid of the css variables errors?

[JoniVR]

@vrosu Nope, same issue as described above, really annoying. Ignoring doesn't seem to help.

[hroger1030]

Ran into this issue this morning, Visual Studio won't publish css with this error, even though the pages run just fine locally.

This is a 6 month old bug, and it hasn't been addressed. If it is too hard to properly write rules to properly identify this use case, then turn off validation checking for empty rules so you don't break things while you get your logic sorted out.

Kinda irritated that I have to fight with csslint to get work done, it is costing more time than it is saving...

[LinearDynamics]

landed here from a search. Have a WordPress site going and the editor didn't like my variable (expected RBRACE).

[bakcxoj]

Is this still an issue?

[hroger1030]

yep. Here is lines 1-8 of a css sheet:

:root
{
--accent1: #777777;
--accent2: #cccccc;
--Background1: #000000;
--Background2: #44;
--Background3: #55;
}

gives the following errors:

Severity Code Description Project File Line Suppression State
Error empty-rules (CssLint) Rule is empty. Website D:\SourceCode\test\C# - gc\Website\App_Themes\PageStyle.css 1
Error errors (CssLint) Expected RBRACE at line 3, col 5. Website D:\SourceCode\test\C# - gc\Website\App_Themes\PageStyle.css 3
Error errors (CssLint) Expected RBRACE at line 4, col 5. Website D:\SourceCode\test\C# - gc\Website\App_Themes\PageStyle.css 4
Error errors (CssLint) Expected RBRACE at line 5, col 5. Website D:\SourceCode\test\C# - gc\Website\App_Themes\PageStyle.css 5
Error errors (CssLint) Expected RBRACE at line 6, col 5. Website D:\SourceCode\test\C# - gc\Website\App_Themes\PageStyle.css 6
Error errors (CssLint) Expected RBRACE at line 7, col 5. Website D:\SourceCode\test\C# - gc\Website\App_Themes\PageStyle.css 7

[parak80]

I have the same problem, it gives no error in appveyor client test but in visual studio where my backend included I see errors like above for my variables.css
:root{
--accent-color: #5491db;
--nav-back-color:#353b44;
...
}
Anyone can help please?

[bakcxoj]

@parak80 There's not really anything you can do. It's an issue with CSSLint. This issue has been open for over a year.

Speaking of which, are there any Pull Requests addressing this issue?

[frvge]

CSSLint/parser-lib#248 got opened a few days ago.