summaryrefslogtreecommitdiffstats
path: root/src/scopes/_links.vars.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scopes/_links.vars.scss')
-rw-r--r--src/scopes/_links.vars.scss48
1 files changed, 24 insertions, 24 deletions
diff --git a/src/scopes/_links.vars.scss b/src/scopes/_links.vars.scss
index 7880204..b40cae8 100644
--- a/src/scopes/_links.vars.scss
+++ b/src/scopes/_links.vars.scss
@@ -1,46 +1,46 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use '../props'; 2@use '../props';
3@use '../vars'; 3@use '../core';
4 4
5$rounding: props.def(--s-links--rounding, props.get(vars.$rounding)) !default; 5$rounding: props.def(--s-links--rounding, props.get(core.$rounding)) !default;
6$underline-width: props.def(--s-links--underline-width, props.get(vars.$border-width--thin)) !default; 6$underline-width: props.def(--s-links--underline-width, props.get(core.$border-width--thin)) !default;
7$hover--underline-width: props.def(--s-links--hover--underline-width, props.get(vars.$border-width--medium)) !default; 7$hover--underline-width: props.def(--s-links--hover--underline-width, props.get(core.$border-width--medium)) !default;
8 8
9$key-focus--border-width: props.def(--s-links--key-focus--border-width, props.get(vars.$key-focus--border-width)) !default; 9$key-focus--border-width: props.def(--s-links--key-focus--border-width, props.get(core.$key-focus--border-width)) !default;
10$key-focus--border-offset: props.def(--s-links--key-focus--border-offset, props.get(vars.$key-focus--border-offset)) !default; 10$key-focus--border-offset: props.def(--s-links--key-focus--border-offset, props.get(core.$key-focus--border-offset)) !default;
11$key-focus--outline-width: props.def(--s-links--key-focus--outline-width, props.get(vars.$key-focus--outline-width)) !default; 11$key-focus--outline-width: props.def(--s-links--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default;
12 12
13$underline-color: props.def(--s-links--underline-color, props.get(vars.$theme, --text-mute-more)) !default; 13$underline-color: props.def(--s-links--underline-color, props.get(core.$theme, --text-mute-more)) !default;
14 14
15$colored--text-color: props.def(--s-links--colored--text-color, props.get(vars.$theme, --accent, --1100)) !default; 15$colored--text-color: props.def(--s-links--colored--text-color, props.get(core.$theme, --accent, --1100)) !default;
16$colored--underline-color: props.def(--s-links--colored--underline-color, props.get(vars.$theme, --accent, --600)) !default; 16$colored--underline-color: props.def(--s-links--colored--underline-color, props.get(core.$theme, --accent, --600)) !default;
17$colored--hover--text-color: props.def(--s-links--colored--hover--text-color, props.get(vars.$theme, --accent, --1300)) !default; 17$colored--hover--text-color: props.def(--s-links--colored--hover--text-color, props.get(core.$theme, --accent, --1300)) !default;
18 18
19$colored--visited--text-color: props.def(--s-links--colored--visited--text-color, props.get(vars.$theme, --purple, --1100)) !default; 19$colored--visited--text-color: props.def(--s-links--colored--visited--text-color, props.get(core.$theme, --purple, --1100)) !default;
20$colored--visited--underline-color: props.def(--s-links--colored--visited--underline-color, props.get(vars.$theme, --purple, --600)) !default; 20$colored--visited--underline-color: props.def(--s-links--colored--visited--underline-color, props.get(core.$theme, --purple, --600)) !default;
21$colored--visited--hover--text-color: props.def(--s-links--colored--visited--hover--text-color, props.get(vars.$theme, --purple, --1300)) !default; 21$colored--visited--hover--text-color: props.def(--s-links--colored--visited--hover--text-color, props.get(core.$theme, --purple, --1300)) !default;
22 22
23$key-focus--text-color: props.def(--s-links--key-focus--text-color, props.get(vars.$theme, --focus, --text)) !default; 23$key-focus--text-color: props.def(--s-links--key-focus--text-color, props.get(core.$theme, --focus, --text)) !default;
24$key-focus--border-color: props.def(--s-links--key-focus--border-color, props.get(vars.$theme, --focus, --border)) !default; 24$key-focus--border-color: props.def(--s-links--key-focus--border-color, props.get(core.$theme, --focus, --border)) !default;
25$key-focus--outline-color: props.def(--s-links--key-focus--outline-color, props.get(vars.$theme, --focus, --outline)) !default; 25$key-focus--outline-color: props.def(--s-links--key-focus--outline-color, props.get(core.$theme, --focus, --outline)) !default;
26 26
27$static-themes: props.def(--s-links); 27$static-themes: props.def(--s-links);
28@each $theme in map.keys(props.get(vars.$transparent-colors)) { 28@each $theme in map.keys(props.get(core.$transparent-colors)) {
29 $link-theme: #{$theme}-static; 29 $link-theme: #{$theme}-static;
30 30
31 $static-themes: props.merge($static-themes, ( 31 $static-themes: props.merge($static-themes, (
32 $link-theme: ( 32 $link-theme: (
33 --text-color: props.get(vars.$transparent-colors, $theme, --800), 33 --text-color: props.get(core.$transparent-colors, $theme, --800),
34 --underline-color: props.get(vars.$transparent-colors, $theme, --500), 34 --underline-color: props.get(core.$transparent-colors, $theme, --500),
35 35
36 --hover: ( 36 --hover: (
37 --text-color: props.get(vars.$transparent-colors, $theme, --900), 37 --text-color: props.get(core.$transparent-colors, $theme, --900),
38 ), 38 ),
39 39
40 --key-focus: ( 40 --key-focus: (
41 --text-color: props.get(vars.$transparent-colors, $theme, --900), 41 --text-color: props.get(core.$transparent-colors, $theme, --900),
42 --border-color: props.get(vars.$transparent-colors, $theme, --900), 42 --border-color: props.get(core.$transparent-colors, $theme, --900),
43 --outline-color: props.get(vars.$transparent-colors, $theme, --300), 43 --outline-color: props.get(core.$transparent-colors, $theme, --300),
44 ), 44 ),
45 ) 45 )
46 )); 46 ));