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 | } |
