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