fix: case-insensitive HTML attribute match in CSS selector

nl-design-system · Oct 14, 2021 · ee758f9 · ee758f9
1 parent f8f0a08
commit ee758f9
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 13 deletions.
diff --git a/components/button/html.scss b/components/button/html.scss
@@ -10,7 +10,7 @@
   @extend .utrecht-button--distanced;
 }
 
-.utrecht-html button[type="submit"] {
+.utrecht-html button[type="submit" i] {
   @extend .utrecht-button--submit;
 }
 

diff --git a/components/checkbox/html.scss b/components/checkbox/html.scss
@@ -5,6 +5,6 @@
 
 @import "./bem";
 
-.utrecht-html input[type="checkbox"] {
+.utrecht-html input[type="checkbox" i] {
   @extend .utrecht-checkbox;
 }
diff --git a/components/form-label/html.scss b/components/form-label/html.scss
@@ -9,10 +9,10 @@
   @extend .utrecht-form-label;
 }
 
-.utrecht-html input[type="checkbox"] ~ label {
+.utrecht-html input[type="checkbox" i] ~ label {
   @extend .utrecht-form-label--checkbox;
 }
 
-.utrecht-html input[type="radio"] ~ label {
+.utrecht-html input[type="radio" i] ~ label {
   @extend .utrecht-form-label--radio;
 }
diff --git a/components/radio-button/bem.scss b/components/radio-button/bem.scss
@@ -5,7 +5,7 @@
 
 .utrecht-radio-button {
   margin-block-end: 0;
-  /* reset native margin for input[type="radio"] */
+  /* reset native margin for input[type="radio" i] */
   margin-block-start: 0;
   margin-inline-end: 0;
   margin-inline-start: 0;

diff --git a/components/radio-button/html.scss b/components/radio-button/html.scss
@@ -5,6 +5,6 @@
 
 @import "./bem";
 
-.utrecht-html input[type="radio"] {
+.utrecht-html input[type="radio" i] {
   @extend .utrecht-radio-button;
 }
diff --git a/components/textbox/html.scss b/components/textbox/html.scss
@@ -7,13 +7,13 @@
 
 .utrecht-html {
   input:not([type]),
-  input[type="email"],
-  input[type="number"],
-  input[type="password"],
-  input[type="search"],
-  input[type="tel"],
-  input[type="text"],
-  input[type="url"] {
+  input[type="email" i],
+  input[type="number" i],
+  input[type="password" i],
+  input[type="search" i],
+  input[type="tel" i],
+  input[type="text" i],
+  input[type="url" i] {
     @extend .utrecht-textbox;
     @extend .utrecht-textbox--html-input;
   }