From 64a841c69ead262666dd0754218585d0f05cf735 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 23 Jun 2024 19:05:33 +0200 Subject: WIP: New color calculations --- src/scopes/_links.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) (limited to 'src/scopes/_links.scss') 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); -- cgit v1.2.3-70-g09d2