We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Multi-line string values with backtick like this:
const useClasses = makeStyles({ root: { backgroundImage: `repeating-linear-gradient( -45deg, red, red 5px, blue 5px, blue 10px );` } });
will produce as it is (including line breaks) on SSR.
Not sure if this should be handled on Griffel's side, the other rules were joined in 1 line like they're minified. How about this case?
It's a real usage in Fluent UI: https://github.com/microsoft/fluentui/blob/9cbf82e22c21e744601adcd6a3d064e406d015d8/packages/react-components/react-slider/src/components/Slider/useSliderStyles.ts#L146-L152
repro: https://codesandbox.io/s/next-griffel-ssr-4jtx2h?file=/pages/index.js
The text was updated successfully, but these errors were encountered:
@ahmadsoe thanks for reporting 👍
It's what I also noticed before. It's a problem in our dependency, I reported the issue there: thysultan/stylis#306.
Sorry, something went wrong.
layershifter
No branches or pull requests
Multi-line string values with backtick like this:
will produce as it is (including line breaks) on SSR.
Not sure if this should be handled on Griffel's side, the other rules were joined in 1 line like they're minified. How about this case?
It's a real usage in Fluent UI:
https://github.com/microsoft/fluentui/blob/9cbf82e22c21e744601adcd6a3d064e406d015d8/packages/react-components/react-slider/src/components/Slider/useSliderStyles.ts#L146-L152
repro: https://codesandbox.io/s/next-griffel-ssr-4jtx2h?file=/pages/index.js
The text was updated successfully, but these errors were encountered: