🐛 [#587] Fix checkbox focus outline regression

Backport-of: 119a2c1
open-formulieren · Nov 9, 2023 · 3e6c987 · 3e6c987
1 parent d07d0dd
commit 3e6c987
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/src/scss/components/_checkbox.scss b/src/scss/components/_checkbox.scss
@@ -0,0 +1,12 @@
+@use 'microscope-sass/lib/bem';
+
+// Extensions on NL DS component
+.utrecht-form-field {
+  @include bem.modifier('openforms') {
+    &.utrecht-form-field--checkbox {
+      &:focus-within {
+        outline: var(--of-utrecht-form-label-checkbox-focus-within-outline);
+      }
+    }
+  }
+}
diff --git a/src/styles.scss b/src/styles.scss
@@ -25,6 +25,7 @@
 @import './scss/components/anchor';
 @import './scss/components/button';
 @import './scss/components/card';
+@import './scss/components/checkbox';
 @import './scss/components/content';
 @import './scss/components/errors';
 @import './scss/components/form-control';