summaryrefslogtreecommitdiffstats
path: root/src/scopes/_invisible-links.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scopes/_invisible-links.scss')
-rw-r--r--src/scopes/_invisible-links.scss9
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 }