eslint-plugin-compat icon indicating copy to clipboard operation
eslint-plugin-compat copied to clipboard

Idea: compatibility linting for css properties in 'css-in-js' libraries

Open amilajack opened this issue 6 years ago • 1 comments

One of the benefits of css-in-js is being able to leverage JS tooling. With this in mind, it makes sense to lint css-in-js with this plugin:

Idea

This is an example of linting styled-components with this plugin.

const Button = styled.a`
  backdrop-filter: blur(10px);
`

Errors:

'backdrop-filter' is not supported in Firefox 56

amilajack avatar Apr 02 '19 18:04 amilajack

I advice to remain this for stylelint - https://github.com/ismay/stylelint-no-unsupported-browser-features

Semigradsky avatar Nov 17 '20 15:11 Semigradsky