Open hjri opened 4 years ago
here's stylelint config:
"rscss/no-descendant-combinator": false, "rscss/class-format": [ true, { "component": "pascal-case", "variant": "^-[a-z]\\w+", "element": "^[a-z]\\w+", "helper": "^fr-[a-z]\\w+" } ]
here's example code that breaks:
.Component { .elementA, .elementB { color: red } }
It gives this error: Invalid component name: '.elementB' (rscss/class-format) (css-stylelint) workaround is to do this:
Invalid component name: '.elementB' (rscss/class-format) (css-stylelint)
.Component { & .elementA, & .elementB { color: red } }
both ways are equivalent and produce same code
here's stylelint config:
here's example code that breaks:
It gives this error:
Invalid component name: '.elementB' (rscss/class-format) (css-stylelint)
workaround is to do this:both ways are equivalent and produce same code