From 4394ec53fc798f26f7ab04784cc4843f7d9d10d9 Mon Sep 17 00:00:00 2001
From: Josh Perez <60019601+josh-signal@users.noreply.github.com>
Date: Fri, 21 Apr 2023 20:37:48 -0400
Subject: [PATCH] Adds keyboard-mode outline to Checkbox

---
 stylesheets/components/Checkbox.scss | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/stylesheets/components/Checkbox.scss b/stylesheets/components/Checkbox.scss
index 23de4ff9e4ec..60a8d7db87ed 100644
--- 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;
+        }
+      }
     }
   }