Open carloslibardo opened 7 months ago
First example is parsed correctly. So it's up to Stylelint to ignore non-standard rules. Most of the rules do ignore CSS-in-JS interpolation. So it's kind of a standard procedure for Stylelint to do.
Second example is indeed a parsing issue. I'll see what I can do about it. But I think not much. css
helper, I believe, is not intended to be used inside interpolations for a property value. And to be honest, I can't imaging why use css`${WIDTH - 190}px`
instead of `${WIDTH - 190}px`
.
What minimal example or steps are needed to reproduce the bug?
This component is getting this error, i think it's because ternary operator.
this function is not supported when using styled-components with React Native - function-allowed-list
And this component is getting this error, i think it's for the same reason.
Unknown word - CssSyntaxError
What minimal configuration is needed to reproduce the bug?
my .stylelintrc:
How did you run Stylelint?
stylelint './src/**/*.ts
Which Stylelint-related dependencies are you using?
What did you expect to happen?
stylelint works without error.
What actually happened?
I'm getting this error:
this function is not supported when using styled-components with React Native (function-allowed-list) and Unknown word (CssSyntaxError)