Open carloslibardo opened 5 months ago
It's a tough one, as it's React Native specific. This parser targets standard CSS syntax with some Styled Components features. {width: 0, height: 2}
does not fall in any of these categories.
I will see what I can do, but I'm not optimistic.
For time being one workaround I could came up with is wrap this object syntax in interpolation:
export const ButtonContainer = styled.View`
shadow-offset: ${`{width: 0, height: 2}`};
`;
It's a tough one, as it's React Native specific. This parser targets standard CSS syntax with some Styled Components features.
{width: 0, height: 2}
does not fall in any of these categories.I will see what I can do, but I'm not optimistic.
For time being one workaround I could came up with is wrap this object syntax in interpolation:
export const ButtonContainer = styled.View` shadow-offset: ${`{width: 0, height: 2}`}; `;
This workaround solve my problem.
What minimal example or steps are needed to reproduce the bug?
my component in styles.ts:
The problem is at shadow-offset: {width: 0, height: 2};
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: Missed semicolon CssSyntaxError