Forum Discussion
Labskaus
Aug 30, 2023Copper Contributor
Incorrect compilation of @container queries in SCSS
I am trying to use "@container" in SCSS to organize my adaptive behavior:
.flexWrapper {
background: blue
@container (min-width: 500px) {
background: pink;
}
}
Unfortunately, the CSS is compiled incorrectly. The selector is simply removed:
@container (min-width: 500px) {
background:pink
}
There is no problem with the @media rules. I guess that the compiler doesn't know the @container rule yet and therefore interprets it wrong. Does anyone have an idea how I can work around this problem. Maybe the SASS compiler library can be updated? But I don't know how to do that, because there are no modules in the package.json.
Maybe I can also extend the webpack configuration?
Best regards,
Hauke
No RepliesBe the first to reply