eslint-plugin-css-modules
eslint-plugin-css-modules copied to clipboard
atfzl
Project status: NOT MAINTAINED; Checks that you are using the existent css/scss classes, no more no less
If you have a global class that you only want something applied when it is a child of another class. ```css /* fails */ .holder :global .Select {} ``` If...
If I have multiple files that import the same css file, but use different classes from it, `no-unused-class` will warn me, even if it's not necessary. Eg. ``` // a.js...
Could you support custom css extension? For example, using css files with .mcss extension.
I have keyframe in my scss file like: ``` @keyframes blink1 { from { fill-opacity: 0.1; } 50%{ fill-opacity: 1; } 100% { fill-opacity: 0.1; } } ``` and It...
SCSS: ```scss .root { &:not(.selected) { opacity: 0.5; } } ``` JS: ```jsx ``` Result: ``` Class 'selected' not found (css-modules/no-undef-class) ```
As title describes - really simple as that to reproduce. To be certain; I disabled all other eslint plugins - and confirmed this plugin as the cause of this issue....
I'm running into an issue where we're dynamically creating class names to label our rows. ```sass // styles.scss $row-names: One Two Three @each $row-name in $row-names { .row#{$row-name} {...} }...
when i import a style from a package at node_modules or some others dir not use './xxxx.css', it tell me "Class 'xxx' not found (css-modules/no-undef-class)" i think the problem is...
The .vue file ```vue .unused-class { background: red; } ``` My eslintrc.js config: ```js module.exports = { root: true, env: { browser: true, node: true }, extends: [ 'plugin:vue/recommended', 'plugin:css-modules/recommended'...
It would be nice if this plugin provided a quick fix to correct mistyped class names. It could use something like https://glench.github.io/fuzzyset.js/ to find similar class names. I could take...
