add focus style

Netcentric · Dec 6, 2023 · 2307fbe · 2307fbe
1 parent 4f3fa6c
commit 2307fbe
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/styles/styles.css b/styles/styles.css
@@ -1455,6 +1455,14 @@ main.blue-contract .section.section-with-title p {
   border-color: var(--c-grey-2);
 }
 
+.redesign-v2 div:where([role="dialog"]) input:focus,
+.redesign-v2 main input:focus,
+.redesign-v2 div:where([role="dialog"]) input:focus-visible,
+.redesign-v2 main input:focus-visible {
+  outline: 2px solid var(--border-focus);
+  outline-offset: 2px;
+}
+
 .redesign-v2 .checkbox-with-label {
   position: relative;
 }
@@ -1472,6 +1480,11 @@ main.blue-contract .section.section-with-title p {
   border: 0;
 }
 
+.redesign-v2 .checkbox-with-label input[type='checkbox']:focus,
+.redesign-v2 .checkbox-with-label input[type='checkbox']:focus-visible {
+  outline: none;
+}
+
 .redesign-v2 .checkbox-with-label input[type='checkbox'] + label {
   display: flex;
   gap: 10px;
@@ -1511,6 +1524,7 @@ main.blue-contract .section.section-with-title p {
   background-position-y: var(--checkbox-margin);
 }
 
+.redesign-v2 .checkbox-with-label input[type='checkbox']:focus + label::before,
 .redesign-v2 .checkbox-with-label input[type='checkbox']:focus-visible + label::before {
   outline: 2px solid var(--border-focus);
   outline-offset: 1px;