diff options
Diffstat (limited to 'src/scopes')
| -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 | } |
