Open tonai opened 1 month ago
This appears to be a cssnano bug. You can reproduce it in their playground: https://cssnano.github.io/cssnano/playground/ with the "Preset Advanced" option. Could you report the bug to them instead?
Thanks for your reply @Josh-Cena . You are right I posted a bug there: https://github.com/cssnano/cssnano/issues/1652
Have you read the Contributing Guidelines on issues?
Prerequisites
npm run clear
oryarn clear
command.rm -rf node_modules yarn.lock package-lock.json
and re-installing packages.Description
CSS value for
grid-template-areas
gets transformed during minification. I use the following CSS:Then it gets transformed into:
e
andc
should be reversed.Also tested with
USE_SIMPLE_CSS_MINIFIER=true
btu the result is the same. I need to disable minification with--no-minify
as a workaround.Reproducible demo
https://stackblitz.com/edit/github-rfgrzj?file=src%2Fpages%2Findex.module.css
Steps to reproduce
yarn build
build/assets/css/styles.8cc5e1e4.css
and search forgrid-template-areas
"c d" "e c"
Expected behavior
Order of areas in minified CSS should respect the original CSS declaration.
Actual behavior
Order is not respected and design is broken.
Your environment
Self-service