False positive error on sass variables and on custom properties

[Semigradsky]

.browserslistrc:

> 1%
not IE 11

Code example:

:root {
  $column-count: 3; // error

  --column-count: 3; // error
}

Errors:

Unexpected browser feature "multicolumn" is only partially supported by Edge 86, Firefox 81, Chrome 85,86, Chrome for Android 86 (plugin/no-unsupported-browser-features)

[Semigradsky]

Looks like it is one of common edge-case =)

[Semigradsky]

Doiuse and this plugin are only compatible with standard css syntax, so syntaxes like scss, less and others aren't supported.

Sorry, I didn't pay attention to this notice. In any case 'custom properties' is standard css syntax.

Looks like it related to anandthakker/doiuse#100 and anandthakker/doiuse#82

[ismay]

Hi, thanks for the issue. Yes, this plugin only supports vanilla css, so it's possible it behaves incorrectly with sass.

And you're right, custom properties are standard syntax. Doiuse, the library that this plugin uses for detecting css support, is the lib responsible for the actual detecting of support. This plugin only wraps it.

The false positive for css variables is a known issue: anandthakker/doiuse#82. If you want to fix this or discuss it then the doiuse repo is the place to do it :). Hope that helps! I'll close this since there isn't anything I can do about it from this lib.

[ismay]

See also this comment, which explains the above in a bit more detail (though it's also partially about another topic): #45 (comment)