fix: move the pseudo-class invalid, disabled to html

nl-design-system · Aug 15, 2022 · de5955c · de5955c
1 parent 6879f46
commit de5955c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/components/select/css/_mixin.scss b/components/select/css/_mixin.scss
@@ -139,15 +139,5 @@
     }
   }
 
-  &:invalid,
-  &[aria-invalid="true"] {
-    @include utrecht-select--invalid;
-  }
-
-  &:required,
-  &[aria-required="true"] {
-    @include utrecht-select--required;
-  }
-
   /* <select> does not support :read-only */
 }
diff --git a/components/select/html/index.scss b/components/select/html/index.scss
@@ -8,4 +8,12 @@
 select {
   @include utrecht-select;
   @include utrecht-select--html-select;
+
+  &[aria-invalid="true"] {
+    @include utrecht-select--invalid;
+  }
+
+  &[aria-required="true"] {
+    @include utrecht-select--required;
+  }
 }