Support interpolated names in SCSS @container queries
Author: denbezrukovCreated Sep 17, 2026Updated Sep 17, 2026
LabelsL-CSS
Description
Biome needs to preserve the separate grammar roles of an interpolated container name and its query.
$name: sidebar;
$query: "(min-width: 400px)";
@container #{$name} (min-width: 400px) {
.a { display: block; }
}
@container #{$query} {
.a { display: block; }
}Source: biomejs/biome