Open ugistelmokaitis opened 1 week ago
I'm wondering if you have an example to reproduce the issue. You can use our playground: https://biomejs.dev/playground/?indentStyle=space"eStyle=single&jsxQuoteStyle=single&lintRules=all
It's a private repository with over 400 commits. So not too sure what's the best way to reproduce an example of it. Any suggestions as I don't want to open source it?
Can you isolate that one file? I imagine that Biome parses files independently, so you shouldn't need the whole project. The method that works for me: delete files until error is gone, thats how I narrow reproductions down.
It's a private repository with over 400 commits. So not too sure what's the best way to reproduce an example of it. Any suggestions as I don't want to open source it?
From the error message, the error is triggered by this file: ./src/styles/minHeight/minHeight.module.css
, somewhere around the 242nd character. Should that help you narrow down the file and the place?
I've isolated and seems like problem is css files for some reason.
here is an example of entire file - minHeight.module.css
.literal {
min-height: var(--umrel-min-height-xs, auto);
}
.min-height {
min-height: calc(var(--umrel-min-height-xs) * var(--umrel-height-100));
}
@each $breakpoint in xs, sm, md, lg, xl {
@media (--umrel-breakpoints-$breakpoint) {
.literal--$breakpoint {
min-height: var(--umrel-min-height-$breakpoint);
}
.min-height--$breakpoint {
min-height: calc(var(--umrel-min-height-$breakpoint) * var(--umrel-height-100));
}
}
}
this shouldn't have any issues with linting but for some reason it does
so the issues seems to be with 'postcss-each' https://www.npmjs.com/package/postcss-each. Every-time in css modules I used @each
I get a linting error
The minimal reproduction: https://biomejs.dev/playground/?files.main.css=QABtAGUAZABpAGEAIAAoAC0ALQB1AG0AcgBlAGwALQBiAHIAZQBhAGsAcABvAGkAbgB0AHMALQAkAGIAcgBlAGEAawBwAG8AaQBuAHQAKQAgAHsAfQA%3D
Is the dollar sign SASS syntax? We only support standard CSS and CSS modules at the moment.
But yeah the parser shouldn't panic.
@Sec-ant yes that's right. But with postcss-each plugin you can iterate through values which is very handy and it's using dollar sign
Ah, we don't support SASS/LESS syntax, and we don't support esoteric plugins like postcss does
Environment information