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); |
