Use :where selector for input styles

lazaronixon · lazaronixon · commit 073f8e6eaad6 · 2025-10-02T02:52:31.000-03:00
diff --git a/lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css b/lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css
@@ -1,4 +1,4 @@
-.input {
+:where(.input) {
   &:not([type="checkbox"], [type="radio"], [type="range"]) {
     appearance: none;
     background-color: var(--input-background, var(--color-surface));

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-.input {`
	`1`	`+:where(.input) {`
`2`	`2`	`&:not([type="checkbox"], [type="radio"], [type="range"]) {`
`3`	`3`	`appearance: none;`
`4`	`4`	`background-color: var(--input-background, var(--color-surface));`