diff options
Diffstat (limited to 'src/scopes/_links.scss')
-rw-r--r-- | src/scopes/_links.scss | 24 |
1 files changed, 24 insertions, 0 deletions
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 @@ | |||
91 | } | 91 | } |
92 | } | 92 | } |
93 | } | 93 | } |
94 | |||
95 | @include bem.elem('image') { | ||
96 | img { | ||
97 | margin-inline: calc(-1 * props.get(vars.$key-focus--border-offset)); | ||
98 | border: props.get(vars.$key-focus--border-offset) solid transparent; | ||
99 | border-radius: calc(props.get(vars.$rounding) + props.get(vars.$key-focus--border-offset)); | ||
100 | } | ||
101 | |||
102 | &:link, | ||
103 | &:visited { | ||
104 | &:focus-visible { | ||
105 | outline: none; | ||
106 | box-shadow: none; | ||
107 | |||
108 | img { | ||
109 | outline: props.get(vars.$key-focus--border-color) solid | ||
110 | props.get(vars.$key-focus--border-width); | ||
111 | box-shadow: 0 0 0 | ||
112 | calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width)) | ||
113 | props.get(vars.$key-focus--outline-color); | ||
114 | } | ||
115 | } | ||
116 | } | ||
117 | } | ||
94 | } | 118 | } |
95 | } | 119 | } |