Forum Discussion

Labskaus's avatar
Labskaus
Copper Contributor
Aug 30, 2023

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

Resources