Updates per latest refactor for focus outlines in high contrast mode

AgnosticUI · Sep 30, 2020 · fd5da06 · fd5da06
1 parent d737eca
commit fd5da06
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/agnosticui-react/src/stories/button.css b/agnosticui-react/src/stories/button.css
@@ -122,6 +122,8 @@
 
 .btn:focus {
   box-shadow: 0 0 0 3px rgba(55, 149, 225, 0.5);
+  /* Needed for High Contrast mode */
+  outline: 3px solid transparent;
 }
 
 /*

diff --git a/agnosticui-svelte/src/stories/Button.svelte b/agnosticui-svelte/src/stories/Button.svelte
@@ -183,6 +183,8 @@
 
 .btn:focus {
   box-shadow: 0 0 0 3px rgba(55, 149, 225, 0.5);
+  /* Needed for High Contrast mode */
+  outline: 3px solid transparent;
 }
 
 /*

diff --git a/agnosticui-vue/src/stories/Button.vue b/agnosticui-vue/src/stories/Button.vue
@@ -212,6 +212,8 @@ export default {
 
 .btn:focus {
   box-shadow: 0 0 0 3px rgba(55, 149, 225, 0.5);
+  /* Needed for High Contrast mode */
+  outline: 3px solid transparent;
 }
 
 /*