refactor: transformed SCSS focus mixin

openedx · Jan 30, 2023 · ef64845 · ef64845
1 parent 202a8ca
commit ef64845
Show file tree

Hide file tree

Showing 6 changed files with 229 additions and 365 deletions.
diff --git a/scss/core/css/variables.css b/scss/core/css/variables.css
@@ -520,9 +520,6 @@
   --pgn-color-btn-focus-bg-inverse-outline-brand: inherit;
   --pgn-color-btn-focus-bg-outline-brand: inherit;
   --pgn-color-btn-focus-border-inverse-tertiary: #00000000;
-  --pgn-color-btn-focus-border-inverse-outline-primary: inherit;
-  --pgn-color-btn-focus-border-outline-danger: inherit;
-  --pgn-color-btn-focus-border-outline-brand: inherit;
   --pgn-color-btn-focus-text-inverse-secondary: inherit;
   --pgn-color-btn-focus-text-outline-dark: inherit;
   --pgn-color-btn-active-border-inverse-outline-warning: #00000000;
@@ -1171,12 +1168,14 @@
   --pgn-color-btn-focus-bg-brand: var(--pgn-color-btn-bg-brand);
   --pgn-color-btn-focus-border-inverse-outline-warning: var(--pgn-color-btn-border-inverse-outline-warning);
   --pgn-color-btn-focus-border-inverse-outline-success: var(--pgn-color-btn-border-inverse-outline-success);
+  --pgn-color-btn-focus-border-inverse-outline-primary: var(--pgn-color-btn-border-inverse-outline-primary);
   --pgn-color-btn-focus-border-outline-primary: var(--pgn-color-btn-border-outline-primary);
   --pgn-color-btn-focus-border-inverse-outline-light: var(--pgn-color-btn-border-inverse-outline-light);
   --pgn-color-btn-focus-border-outline-light: var(--pgn-color-btn-border-outline-light);
   --pgn-color-btn-focus-border-inverse-outline-info: var(--pgn-color-btn-border-inverse-outline-info);
   --pgn-color-btn-focus-border-outline-dark: var(--pgn-color-btn-border-outline-dark);
   --pgn-color-btn-focus-border-inverse-outline-brand: var(--pgn-color-btn-border-inverse-outline-brand);
+  --pgn-color-btn-focus-border-outline-brand: var(--pgn-color-btn-border-outline-brand);
   --pgn-color-btn-focus-text-inverse-outline-warning: var(--pgn-color-btn-text-inverse-outline-warning);
   --pgn-color-btn-focus-text-inverse-tertiary: var(--pgn-color-btn-text-inverse-tertiary);
   --pgn-color-btn-focus-text-tertiary: var(--pgn-color-btn-text-tertiary);
@@ -1437,6 +1436,7 @@
   --pgn-color-btn-focus-border-light: var(--pgn-color-btn-border-light);
   --pgn-color-btn-focus-border-outline-info: var(--pgn-color-btn-border-outline-info);
   --pgn-color-btn-focus-border-dark: var(--pgn-color-btn-focus-bg-dark);
+  --pgn-color-btn-focus-border-outline-danger: var(--pgn-color-btn-border-outline-danger);
   --pgn-color-btn-focus-border-brand: var(--pgn-color-btn-border-brand);
   --pgn-color-btn-focus-text-inverse-warning: var(--pgn-color-btn-text-inverse-warning);
   --pgn-color-btn-focus-text-outline-warning: var(--pgn-color-btn-text-outline-warning);