Accessibility focus checkboxes and radio boxes

2020-07-28 16:08:25 +01:00
parent 749aaf0b54
commit fb953ade8e
3 changed files with 25 additions and 0 deletions
@@ -692,3 +692,15 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
        border-radius: $radius;
    }
 }
+
+@define-mixin unreal-focus {
+    outline-width: 2px;
+    outline-style: solid;
+    outline-color: Highlight;
+
+    /* WebKit gets its native focus styles. */
+    @media (-webkit-min-device-pixel-ratio: 0) {
+        outline-color: -webkit-focus-ring-color;
+        outline-style: auto;
+    }
+}