diff options
Diffstat (limited to 'src/scopes')
-rw-r--r-- | src/scopes/_links.scss | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/src/scopes/_links.scss b/src/scopes/_links.scss index a9de8b5..4f36972 100644 --- a/src/scopes/_links.scss +++ b/src/scopes/_links.scss | |||
@@ -33,8 +33,8 @@ | |||
33 | ), | 33 | ), |
34 | 34 | ||
35 | --key-focus: ( | 35 | --key-focus: ( |
36 | --bg: fn.global-color(--yellow-static --400), | 36 | --bg: fn.global-color(--focus-static --400), |
37 | --text: fn.global-color(--yellow-static --400-text), | 37 | --text: fn.global-color(--focus-static --400-text), |
38 | ) | 38 | ) |
39 | ) | 39 | ) |
40 | )); | 40 | )); |
@@ -42,7 +42,9 @@ | |||
42 | @include iro.bem-scope(iro.props-namespace()) { | 42 | @include iro.bem-scope(iro.props-namespace()) { |
43 | :link, | 43 | :link, |
44 | :visited { | 44 | :visited { |
45 | border-radius: fn.dim(--rounding); | 45 | margin: calc(-1 * fn.global-dim(--border --thick)); |
46 | padding: fn.global-dim(--border --thick); | ||
47 | border-radius: calc(fn.dim(--rounding) + fn.global-dim(--border --thick)); | ||
46 | color: currentColor; | 48 | color: currentColor; |
47 | text-decoration: underline; | 49 | text-decoration: underline; |
48 | text-decoration-color: fn.color(--underline); | 50 | text-decoration-color: fn.color(--underline); |
@@ -56,7 +58,6 @@ | |||
56 | 58 | ||
57 | &:focus-visible { | 59 | &:focus-visible { |
58 | background-color: fn.color(--key-focus --bg); | 60 | background-color: fn.color(--key-focus --bg); |
59 | box-shadow: 0 0 0 fn.global-dim(--border --thick) fn.color(--key-focus --bg); | ||
60 | color: fn.color(--key-focus --text); | 61 | color: fn.color(--key-focus --text); |
61 | text-decoration: underline; | 62 | text-decoration: underline; |
62 | text-decoration-thickness: fn.dim(--hover --underline); | 63 | text-decoration-thickness: fn.dim(--hover --underline); |