From fe06c1c85d8eed71d33bf0069fac2cfd14767a9e Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Tue, 14 May 2024 11:38:22 -0700 Subject: [PATCH] fix(includes): correct token fallback order for focus mixins --- packages/calcite-components/src/assets/styles/includes.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/calcite-components/src/assets/styles/includes.scss b/packages/calcite-components/src/assets/styles/includes.scss index 7085a02aa4b..d2613e3aaf8 100644 --- a/packages/calcite-components/src/assets/styles/includes.scss +++ b/packages/calcite-components/src/assets/styles/includes.scss @@ -130,7 +130,7 @@ @mixin focusInset($outline, $outlineOffset) { outline: var( #{$outline}, - 2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand))) + 2px solid var(--calcite-color-brand-hover, var(--calcite-ui-focus-color, var(--calcite-color-brand))) ); outline-offset: var(#{$outlineOffset}, calc(-2px * calc(1 - 2 * clamp(0, var(--calcite-offset-invert-focus), 1)))); } @@ -138,7 +138,7 @@ @mixin focusOutset($outline, $outlineOffset) { outline: var( #{$outline}, - 2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand))) + 2px solid var(--calcite-color-brand-hover, var(--calcite-ui-focus-color, var(--calcite-color-brand))) ); outline-offset: var(#{$outlineOffset}, calc(2px * calc(1 - 2 * clamp(0, var(--calcite-offset-invert-focus), 1)))); }