diff options
Diffstat (limited to 'src/scopes/_links.vars.scss')
-rw-r--r-- | src/scopes/_links.vars.scss | 48 |
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 | )); |