Remove field_with_errors from reset.css

Author: lazaronixon

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## [Unreleased]
 - Remove input outline on user-invalid focus-visible
+- Remove field_with_errors from reset.css
 
 ## 1.1.4 - 2025-02-18
 - Small adjusts for menu components

app/assets/stylesheets/css-zero/reset.css

@@ -379,14 +379,6 @@ turbo-frame {
   display: contents;
 }
 
-/*
-  Make input validation wrapper become pseudo-box by default.
-*/
-
-.field_with_errors {
-  display: contents;
-}
-
 /*
   Enables size interpolation to allow animation.
 */

lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css

@@ -53,16 +53,16 @@
   }
 }
 
-:is(.checkbox, .radio) {
-  accent-color: var(--color-primary); transform: scale(1.2);
+.invalid-feedback {
+  display: none;
 }
 
-.range {
-  accent-color: var(--color-primary);
+:is(.checkbox, .radio) {
+  transform: scale(1.2);
 }
 
-.invalid-feedback {
-  display: none;
+:is(.checkbox, .radio, .range) {
+  accent-color: var(--color-primary);
 }
 
 :is(.input, .checkbox, .radio, .range) {
@@ -75,6 +75,6 @@
   }
 
   .field_with_errors & {
-    border-color: var(--color-negative);
+    border-color: var(--color-negative); display: contents;
   }
 }