✨ feat(default.scss): Support overridable default focus outline color…

…/shadow
Spiderpig86 · Dec 15, 2021 · 1c0b7db · 1c0b7db
1 parent 9dfac0f
commit 1c0b7db
Show file tree

Hide file tree

Showing 6 changed files with 12,557 additions and 12,547 deletions.
diff --git a/dist/cirrus-core.css b/dist/cirrus-core.css
@@ -744,6 +744,8 @@ pre > code[data-lang]:not([data-lang=""]) {
   --font-size-m: 1rem;
   --font-size-l: 1.25rem;
   --font-size-xl: 1.5rem;
+  --cirrus-focus-size: 0 0 0.1rem 0.15rem;
+  --cirrus-focus-color: rgba(240, 61, 77, 0.13);
 }
 
 * {
@@ -846,7 +848,7 @@ fieldset legend {
 
 /* When focusing any element */
 :focus {
-  box-shadow: 0 0 0.1rem 0.15rem rgba(240, 61, 77, 0.13);
+  box-shadow: var(--cirrus-focus-size) var(--cirrus-focus-color);
   outline: none;
 }
 @import url("https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700");

diff --git a/dist/cirrus-core.min.css b/dist/cirrus-core.min.css