Refactor .input--actor styles to use nested selectors

lazaronixon · lazaronixon · commit db43746621ba · 2025-10-15T22:44:46.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
@@ -63,10 +63,12 @@
   }
 }
 
-.input--actor > input {
-  border: 0; inline-size: 100%; outline: 0;
-}
+.input--actor {
+  > input {
+    inline-size: 100%; outline: 0;
+  }
 
-.input--actor:focus-within {
-  outline: var(--input-outline-size, 2px) solid var(--color-selected-dark);
+  &:focus-within {
+    outline: var(--input-outline-size, 2px) solid var(--color-selected-dark);
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -63,10 +63,12 @@`
`63`	`63`	`}`
`64`	`64`	`}`
`65`	`65`
`66`		`-.input--actor > input {`
`67`		`- border: 0; inline-size: 100%; outline: 0;`
`68`		`-}`
	`66`	`+.input--actor {`
	`67`	`+ > input {`
	`68`	`+ inline-size: 100%; outline: 0;`
	`69`	`+ }`
`69`	`70`
`70`		`-.input--actor:focus-within {`
`71`		`- outline: var(--input-outline-size, 2px) solid var(--color-selected-dark);`
	`71`	`+ &:focus-within {`
	`72`	`+ outline: var(--input-outline-size, 2px) solid var(--color-selected-dark);`
	`73`	`+ }`
`72`	`74`	`}`