WIP: New color calculations

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 @@
             ),
 
             --key-focus: (
-                --bg:            fn.global-color(--yellow-static --400),
-                --text:          fn.global-color(--yellow-static --400-text),
+                --bg:            fn.global-color(--focus-static --400),
+                --text:          fn.global-color(--focus-static --400-text),
             )
         )
     ));
@@ -42,7 +42,9 @@
     @include iro.bem-scope(iro.props-namespace()) {
         :link,
         :visited {
-            border-radius:             fn.dim(--rounding);
+            margin:                    calc(-1 * fn.global-dim(--border --thick));
+            padding:                   fn.global-dim(--border --thick);
+            border-radius:             calc(fn.dim(--rounding) + fn.global-dim(--border --thick));
             color:                     currentColor;
             text-decoration:           underline;
             text-decoration-color:     fn.color(--underline);
@@ -56,7 +58,6 @@
 
             &:focus-visible {
                 background-color:          fn.color(--key-focus --bg);
-                box-shadow:                0 0 0 fn.global-dim(--border --thick) fn.color(--key-focus --bg);
                 color:                     fn.color(--key-focus --text);
                 text-decoration:           underline;
                 text-decoration-thickness: fn.dim(--hover --underline);