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 | )); |
