Adds keyboard-mode outline to Checkbox

2023-04-21 20:37:48 -04:00 · 2023-04-21 20:37:48 -04:00 · 4394ec53fc
commit 4394ec53fc
parent 0bf351ba09
1 changed files with 14 additions and 0 deletions
--- a/stylesheets/components/Checkbox.scss
+++ b/stylesheets/components/Checkbox.scss
@ -9,6 +9,20 @@
    input {
      height: 18px;
      width: 18px;
+
+      @include mouse-mode {
+        &:focus,
+        &:active {
+          outline: none;
+        }
+      }
+
+      @include keyboard-mode {
+        &:focus,
+        &:active {
+          outline: 1px solid $color-ultramarine;
+        }
+      }
    }
  }