Error when parsing container queries with interpolation inside @each

microsoft / vscode-css-languageservice

CSS, LESS & SCSS language service extracted from VSCode to be reused, e.g in the Monaco editor.

MIT License

312 stars 176 forks source link

Error when parsing container queries with interpolation inside @each #377

Closed max529 closed 2 months ago

max529 commented 7 months ago

Information

version : 6.2.11
tested also on vscode : 1.85.1

Error

Variable interpolation problem for @container rule doesn't work inside @each loop

The issue #197744 marked as closed does not seem to correct the parsing problem in a loop.

$size-breakpoints: (
    "xs": 300,
    "sm": 540,
    "md": 720,
    "lg": 960,
    "xl": 1140
);
@each $name, $size in $size-breakpoints {
    @container application (max-width: #{$size+'px'}) {

    }
}

aeschli commented 2 months ago

I tested this in the latest insiders (Version: 1.91.0-insider, Commit: 524d1ecedd33104381e7e0a6715c13813128f89c), and I dont get any errors reported for the snipped above (in SCSS mode)