diff options
Diffstat (limited to 'src/scopes/_invisible-links.scss')
-rw-r--r-- | src/scopes/_invisible-links.scss | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/src/scopes/_invisible-links.scss b/src/scopes/_invisible-links.scss index 71dd9da..d02bc5f 100644 --- a/src/scopes/_invisible-links.scss +++ b/src/scopes/_invisible-links.scss | |||
@@ -1,15 +1,34 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | 1 | @use 'iro-sass/src/index' as iro; |
2 | 2 | ||
3 | @include iro.props-namespace('invisible-links') { | 3 | @include iro.props-namespace('invisible-links') { |
4 | @include iro.props-store(( | ||
5 | --colors: ( | ||
6 | --key-focus: ( | ||
7 | --border: fn.global-color(--focus --fill), | ||
8 | --shadow: fn.global-color(--focus --shadow), | ||
9 | ), | ||
10 | ) | ||
11 | ), 'colors'); | ||
12 | |||
4 | @include iro.bem-scope(iro.props-namespace()) { | 13 | @include iro.bem-scope(iro.props-namespace()) { |
5 | :link, | 14 | :link, |
6 | :visited { | 15 | :visited { |
16 | margin: -2px; | ||
17 | border: 2px solid transparent; | ||
18 | border-radius: 2px; | ||
7 | color: currentColor; | 19 | color: currentColor; |
8 | text-decoration: none; | 20 | text-decoration: none; |
9 | 21 | ||
10 | &:hover { | 22 | &:hover { |
11 | text-decoration: underline; | 23 | text-decoration: underline; |
12 | } | 24 | } |
25 | |||
26 | @include iro.bem-at-theme('keyboard') { | ||
27 | &:focus { | ||
28 | border-color: fn.color(--key-focus --border); | ||
29 | box-shadow: fn.color(--key-focus --shadow); | ||
30 | } | ||
31 | } | ||
13 | } | 32 | } |
14 | } | 33 | } |
15 | } | 34 | } |