diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass index e99f2fb45ae532cbaeca8cb68843cbea67c47337..1e9a31bd710714a1fbd5412a5cae799ed61ff999 100644 --- a/assets/sass/_theme/_utils.sass +++ b/assets/sass/_theme/_utils.sass @@ -91,3 +91,11 @@ z-index: $zindex-stretched-link content: "" +@mixin button-reset + background: transparent + border: none + cursor: pointer + &:active, + &:focus + box-shadow: 0 0 0 0.25rem rgba($main-color, 0.25) + outline: 0 \ No newline at end of file diff --git a/assets/sass/_theme/design-system/a11y.sass b/assets/sass/_theme/design-system/a11y.sass index 3f56ee2cfed1309e611a1598edcc7e4ccbc56ed0..18c692138523a974299e024ae43837e944066e1a 100644 --- a/assets/sass/_theme/design-system/a11y.sass +++ b/assets/sass/_theme/design-system/a11y.sass @@ -11,3 +11,11 @@ &:focus-within position: relative transform: translateY(0) + +.transcription + button + @include icon("caret-bottom", after) + @include button-reset + &::after + font-size: px2rem(5) + line-height: px2rem(22) \ No newline at end of file