summaryrefslogtreecommitdiffstats
path: root/src/scopes
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-06-23 19:05:33 +0200
committerVolpeon <git@volpeon.ink>2024-06-23 19:05:33 +0200
commit64a841c69ead262666dd0754218585d0f05cf735 (patch)
tree2e6d3462d544c18d51e1e9930a2d95f98111e219 /src/scopes
parentUpdate (diff)
downloadiro-design-64a841c69ead262666dd0754218585d0f05cf735.tar.gz
iro-design-64a841c69ead262666dd0754218585d0f05cf735.tar.bz2
iro-design-64a841c69ead262666dd0754218585d0f05cf735.zip
WIP: New color calculations
Diffstat (limited to 'src/scopes')
-rw-r--r--src/scopes/_links.scss9
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);