-
-
Notifications
You must be signed in to change notification settings - Fork 985
🐛 CSS: media query range formatting #4076
Copy link
Copy link
Closed
WomB0ComB0/portfolio
#159Labels
A-FormatterArea: formatterArea: formatterL-CSSLanguage: CSS and super languagesLanguage: CSS and super languagesS-Bug-confirmedStatus: report has been confirmed as a valid bugStatus: report has been confirmed as a valid bugS-Good first issueStatus: Good for newcomersStatus: Good for newcomers
Metadata
Metadata
Assignees
Labels
A-FormatterArea: formatterArea: formatterL-CSSLanguage: CSS and super languagesLanguage: CSS and super languagesS-Bug-confirmedStatus: report has been confirmed as a valid bugStatus: report has been confirmed as a valid bugS-Good first issueStatus: Good for newcomersStatus: Good for newcomers
Environment information
What happened?
https://biomejs.dev/playground/?lintRules=all&files.main.css=LgBjAGwAYQBzAHMAIAB7AAoACQBAAG0AZQBkAGkAYQAgACgAMQAwADIANABwAHgAIAA8AD0AIAB3AGkAZAB0AGgAIAA8AD0AIAAxADIAOAAwAHAAeAApACAAewAKAAkACQBjAG8AbABvAHIAOgAgAHIAZQBkADsACgAJAH0ACgB9AA%3D%3D
Expected result
Formatting should match prettier... is what I'd like to say, but prettier doesn't seem to format this well: if I remove any spaces in the range, prettier will not add spaces.
Biome instead adds spaces except after the last
<=.I'd expect
1024px <= width <= 1280pxto not change formatting.I'd expect
1024px<=width<=1280pxto be formatted as1024px <= width <= 1280px.https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries
Code of Conduct