diff --git a/.kiro/skills/asu-brand/SKILL.md b/.kiro/skills/asu-brand/SKILL.md index 402cb06a89..153fcf6ca3 100644 --- a/.kiro/skills/asu-brand/SKILL.md +++ b/.kiro/skills/asu-brand/SKILL.md @@ -20,7 +20,6 @@ copy of this skill and the Unity-provided CSS variables.) | ASU Green | `#78be20` | `$uds-color-base-green` | | ASU Orange | `#ff7f32` | `$uds-color-base-orange` | | ASU Blue | `#00a3e0` | `$uds-color-base-blue` | -| Focus Blue (a11y) | `#00baff` | `$uds-color-base-bluefocus` | Maroon and gold are the primary brand colors. Darkgold `#7f6227` and darkmaroon `#440e22` are visited states. diff --git a/packages/unity-bootstrap-theme/src/scss/_custom-asu-variables.scss b/packages/unity-bootstrap-theme/src/scss/_custom-asu-variables.scss index eaf0b6d5d7..b2e3782937 100644 --- a/packages/unity-bootstrap-theme/src/scss/_custom-asu-variables.scss +++ b/packages/unity-bootstrap-theme/src/scss/_custom-asu-variables.scss @@ -41,7 +41,6 @@ $uds-color-base-white: #ffffff; // White $uds-color-base-green: #78be20; // ASU Green $uds-color-base-orange: #ff7f32; // ASU Orange $uds-color-base-blue: #00a3e0; // ASU Blue -$uds-color-base-bluefocus: #00baff; // A11y Focus Blue - used for highlighting the page element with current focus $uds-color-base-darkgold: #7f6227; // Visited state of ASU Gold $uds-color-base-darkmaroon: #440e22; // Visited state of ASU Maroon // Deprecated-start diff --git a/packages/unity-bootstrap-theme/src/scss/extends/_cards.scss b/packages/unity-bootstrap-theme/src/scss/extends/_cards.scss index 4070bc78c4..327013f967 100644 --- a/packages/unity-bootstrap-theme/src/scss/extends/_cards.scss +++ b/packages/unity-bootstrap-theme/src/scss/extends/_cards.scss @@ -70,11 +70,6 @@ Cards - Table of Contents cursor: $card-basic-hover-cursor; } -.card-hover:focus { - outline: 0; - box-shadow: 0 0 8px $uds-color-base-bluefocus !important; -} - .card-hover > button { border: none; background: transparent; @@ -83,12 +78,6 @@ Cards - Table of Contents padding: 0; } -.card-hover > button:focus { - outline: 0; - box-shadow: 0 0 8px $uds-color-base-bluefocus !important; - border: 0; -} - .card-icon-top { width: $card-basic-icon-top-width; height: $card-basic-icon-top-width; @@ -505,11 +494,6 @@ Cards - Table of Contents color: $uds-color-base-maroon; } - &:focus-visible { - outline: 2px solid $uds-color-base-bluefocus; - outline-offset: 2px; - } - @include media-breakpoint-down(md) { color: $uds-color-base-maroon; border-color: $uds-color-base-maroon; diff --git a/packages/unity-bootstrap-theme/src/scss/variables/_colors.scss b/packages/unity-bootstrap-theme/src/scss/variables/_colors.scss index 80af6f345c..faf4cb8f43 100644 --- a/packages/unity-bootstrap-theme/src/scss/variables/_colors.scss +++ b/packages/unity-bootstrap-theme/src/scss/variables/_colors.scss @@ -31,7 +31,6 @@ $blue: $uds-color-base-blue; $green: $uds-color-base-green; $orange: $uds-color-base-orange; -$bluefocus: $uds-color-base-bluefocus; $darkgold: $uds-color-base-darkgold; $darkmaroon: $uds-color-base-darkmaroon; @@ -45,7 +44,6 @@ $colors: map-merge( 'green': $green, 'orange': $orange, 'white': $white, - 'bluefocus': $bluefocus, 'darkgold': $darkgold, 'darkmaroon': $darkmaroon, ), @@ -96,11 +94,6 @@ $link-hover-color: $maroon; $link-hover-decoration: none; $link-visited-color: $uds-color-base-darkmaroon; -:focus { - outline: 0; - box-shadow: 0 0 8px $uds-color-base-bluefocus !important; -} - // Darken percentage for links with `.text-*` class (e.g. `.text-success`) // $emphasized-link-hover-darken-percentage: 15%;