From 422a943d49dd4182510c5b0329d232ba7b67b3af Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 13 Nov 2024 14:10:10 +0100 Subject: Support image links --- src/scopes/_links.scss | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/src/scopes/_links.scss b/src/scopes/_links.scss index cff4cc9..4092633 100644 --- a/src/scopes/_links.scss +++ b/src/scopes/_links.scss @@ -91,5 +91,29 @@ } } } + + @include bem.elem('image') { + img { + margin-inline: calc(-1 * props.get(vars.$key-focus--border-offset)); + border: props.get(vars.$key-focus--border-offset) solid transparent; + border-radius: calc(props.get(vars.$rounding) + props.get(vars.$key-focus--border-offset)); + } + + &:link, + &:visited { + &:focus-visible { + outline: none; + box-shadow: none; + + img { + outline: props.get(vars.$key-focus--border-color) solid + props.get(vars.$key-focus--border-width); + box-shadow: 0 0 0 + calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width)) + props.get(vars.$key-focus--outline-color); + } + } + } + } } } -- cgit v1.2.3-70-g09d2