🔧 chore(default.scss): Use default browser focus styling for elements…

… that don't have custom styling
Spiderpig86 · Dec 18, 2023 · b164485 · b164485
1 parent 2cbc17a
commit b164485
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 8 deletions.
diff --git a/dist/cirrus-all.css b/dist/cirrus-all.css
@@ -254,8 +254,8 @@ fieldset legend {
 
 /* When focusing any element */
 :focus {
-  box-shadow: var(--cirrus-focus-size) var(--cirrus-focus-color);
-  outline: none;
+  outline: 5px auto Highlight;
+  outline: 5px auto -webkit-focus-ring-color;
 }
 
 /* Remove all animations based on preference */

diff --git a/dist/cirrus-core.css b/dist/cirrus-core.css
@@ -253,8 +253,8 @@ fieldset legend {
 
 /* When focusing any element */
 :focus {
-  box-shadow: var(--cirrus-focus-size) var(--cirrus-focus-color);
-  outline: none;
+  outline: 5px auto Highlight;
+  outline: 5px auto -webkit-focus-ring-color;
 }
 
 /* Remove all animations based on preference */

diff --git a/dist/cirrus-core.min.css b/dist/cirrus-core.min.css
diff --git a/dist/cirrus.css b/dist/cirrus.css
@@ -254,8 +254,8 @@ fieldset legend {
 
 /* When focusing any element */
 :focus {
-  box-shadow: var(--cirrus-focus-size) var(--cirrus-focus-color);
-  outline: none;
+  outline: 5px auto Highlight;
+  outline: 5px auto -webkit-focus-ring-color;
 }
 
 /* Remove all animations based on preference */

diff --git a/dist/cirrus.min.css b/dist/cirrus.min.css
diff --git a/src/base/default.scss b/src/base/default.scss
@@ -169,8 +169,8 @@ $generate-reset: should-generate-classes($RESET);
 
     /* When focusing any element */
     :focus {
-        box-shadow: var(--cirrus-focus-size) var(--cirrus-focus-color);
-        outline: none;
+        outline: 5px auto Highlight;
+        outline: 5px auto -webkit-focus-ring-color;
     }
 
     /* Remove all animations based on preference */