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
I use this sass code:
@media (max-width: 640px) { .login { &__block { max-width: 400px; } &__title { align-self: center; margin-right: 0; margin-bottom: 25px; } &__button { align-self: center; margin-right: 0; } } } @media (max-width: 480px) { .login { &__block { max-width: 300px; } } }
My Webpack config:
{ test: /\.(scss|css)$/, use: [ MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader', 'group-css-media-queries-loader', 'sass-loader', ], },
group-css-media-queries-loader groped queries, but order wrong - 480px go before 640px i.e:
group-css-media-queries-loader
@media (max-width: 1281px) @media (max-width: 960px) @media (max-width: 480px) @media (max-width: 640px)
what i do wrong? itry last verision 4.3.0 and 3.0.2 in both - order wrong.
The text was updated successfully, but these errors were encountered:
@shtorman can you show css output without group-css-media-queries-loader
Sorry, something went wrong.
No branches or pull requests
I use this sass code:
My Webpack config:
group-css-media-queries-loader
groped queries, but order wrong - 480px go before 640px i.e:what i do wrong?
itry last verision 4.3.0 and 3.0.2 in both - order wrong.
The text was updated successfully, but these errors were encountered: