diff --git a/src/scss/02-tools/_m-select-custom.scss b/src/scss/02-tools/_m-select-custom.scss index dd514013..07d558b8 100644 --- a/src/scss/02-tools/_m-select-custom.scss +++ b/src/scss/02-tools/_m-select-custom.scss @@ -52,17 +52,4 @@ &:hover { border-color: color.adjust($color-grey-500, $lightness: -10%); } - - // Focus style - &:focus { - color: color.adjust($color-text, $lightness: -10%); - border-color: color.adjust($color-grey-500, $lightness: -20%); - outline: none; - box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); - box-shadow: 0 0 0 3px -moz-mac-focusring; - - option { - outline: none; - } - } } diff --git a/src/scss/04-utilities/_focus.scss b/src/scss/04-utilities/_focus.scss index 29129772..d0b45dd8 100644 --- a/src/scss/04-utilities/_focus.scss +++ b/src/scss/04-utilities/_focus.scss @@ -6,8 +6,7 @@ html { textarea, [tabindex] { &:focus-visible { - outline: 2px solid currentColor; - outline-offset: .5rem; + outline-offset: .2rem; } } } diff --git a/src/scss/04-utilities/_seo.scss b/src/scss/04-utilities/_seo.scss index 079972c7..f0d620d7 100644 --- a/src/scss/04-utilities/_seo.scss +++ b/src/scss/04-utilities/_seo.scss @@ -1,16 +1,4 @@ -%focus-seo-container { - &:has(:focus-visible) { - outline: 2px solid currentColor; - outline-offset: .5rem; - } - - *:focus { - outline: none; - } -} - %seo-container { - @extend %focus-seo-container; position: relative; z-index: 1; cursor: pointer; diff --git a/src/scss/05-components/_skip-links.scss b/src/scss/05-components/_skip-links.scss index 61556d6f..1b54203e 100644 --- a/src/scss/05-components/_skip-links.scss +++ b/src/scss/05-components/_skip-links.scss @@ -22,10 +22,6 @@ font-size: 13px; color: $color-text; text-decoration: none; - - &:focus { - outline-offset: 3px; - } } &:focus-within { diff --git a/src/scss/06-blocks/core/_audio.scss b/src/scss/06-blocks/core/_audio.scss index 462ef85e..50ee853f 100644 --- a/src/scss/06-blocks/core/_audio.scss +++ b/src/scss/06-blocks/core/_audio.scss @@ -5,10 +5,5 @@ &::-webkit-media-controls-panel { background-color: $color-primary; } - - &:focus { - outline: 2px solid $color-primary; - outline-offset: 5px; - } } }