diff --git a/src/components/form/search/circle/circle.scss b/src/components/form/search/circle/circle.scss index e714b910a..7d411085b 100644 --- a/src/components/form/search/circle/circle.scss +++ b/src/components/form/search/circle/circle.scss @@ -191,7 +191,13 @@ } &-last { - @extend %ods-padding-bottom-4; + @extend %ods-margin-bottom-4; + + &:focus-visible { + box-shadow: 0 0 0 0.125rem colors.$blue-state; + outline-offset: 0.125rem; + outline: 0.25rem solid colors.$purple-light; + } } } } @@ -224,6 +230,12 @@ text-decoration: none; } + &:focus-visible { + box-shadow: 0 0 0 0.125rem colors.$blue-state; + outline-offset: 0.125rem; + outline: 0.25rem solid colors.$purple-light; + } + &--divider { border-bottom: 0.0625rem solid colors.$gray; } diff --git a/src/components/form/search_seasons/search_seasons.scss b/src/components/form/search_seasons/search_seasons.scss index e34d9e469..cf1467a2e 100644 --- a/src/components/form/search_seasons/search_seasons.scss +++ b/src/components/form/search_seasons/search_seasons.scss @@ -220,7 +220,13 @@ } &-last { - @extend %ods-padding-bottom-4; + @extend %ods-margin-bottom-4; + + &:focus-visible { + box-shadow: 0 0 0 0.125rem colors.$blue-state; + outline-offset: 0.125rem; + outline: 0.25rem solid colors.$purple-light; + } } } } @@ -252,6 +258,12 @@ text-decoration: underline; } + &:focus-visible { + box-shadow: 0 0 0 0.125rem colors.$blue-state; + outline-offset: 0.125rem; + outline: 0.25rem solid colors.$purple-light; + } + &--divider { border-bottom: 0.0625rem solid colors.$gray; }