diff options
Diffstat (limited to 'src/scopes/_links.vars.scss')
-rw-r--r-- | src/scopes/_links.vars.scss | 31 |
1 files changed, 16 insertions, 15 deletions
diff --git a/src/scopes/_links.vars.scss b/src/scopes/_links.vars.scss index 91a73ab..c69cc32 100644 --- a/src/scopes/_links.vars.scss +++ b/src/scopes/_links.vars.scss | |||
@@ -4,6 +4,7 @@ | |||
4 | @use '../core.vars' as core; | 4 | @use '../core.vars' as core; |
5 | 5 | ||
6 | $rounding: props.def(--s-links--rounding, props.get(core.$rounding)) !default; | 6 | $rounding: props.def(--s-links--rounding, props.get(core.$rounding)) !default; |
7 | $rounding-sm: props.def(--s-links--rounding-sm, props.get(core.$rounding--sm)) !default; | ||
7 | $underline-width: props.def(--s-links--underline-width, props.get(core.$border-width--thin)) !default; | 8 | $underline-width: props.def(--s-links--underline-width, props.get(core.$border-width--thin)) !default; |
8 | $hover--underline-width: props.def(--s-links--hover--underline-width, props.get(core.$border-width--medium)) !default; | 9 | $hover--underline-width: props.def(--s-links--hover--underline-width, props.get(core.$border-width--medium)) !default; |
9 | 10 | ||
@@ -27,22 +28,22 @@ $key-focus--outline-color: props.def(--s-links--key-focus--outline-color, props. | |||
27 | 28 | ||
28 | $static-themes: props.def(--s-links, (), 'color'); | 29 | $static-themes: props.def(--s-links, (), 'color'); |
29 | @each $theme in map.keys(props.get(core.$transparent-colors)) { | 30 | @each $theme in map.keys(props.get(core.$transparent-colors)) { |
30 | $link-theme: --static-#{string.slice($theme, 3)}; | 31 | $link-theme: --static-#{string.slice($theme, 3)}; |
31 | 32 | ||
32 | $static-themes: props.merge($static-themes, ( | 33 | $static-themes: props.merge($static-themes, ( |
33 | $link-theme: ( | 34 | $link-theme: ( |
34 | --text-color: props.get(core.$transparent-colors, $theme, --800), | 35 | --text-color: currentColor, |
35 | --underline-color: props.get(core.$transparent-colors, $theme, --500), | 36 | --underline-color: props.get(core.$transparent-colors, $theme, --500), |
36 | 37 | ||
37 | --hover: ( | 38 | --hover: ( |
38 | --text-color: props.get(core.$transparent-colors, $theme, --900), | 39 | --text-color: props.get(core.$transparent-colors, $theme, --900), |
39 | ), | 40 | ), |
40 | 41 | ||
41 | --key-focus: ( | 42 | --key-focus: ( |
42 | --text-color: props.get(core.$transparent-colors, $theme, --900), | 43 | --text-color: props.get(core.$transparent-colors, $theme, --900), |
43 | --border-color: props.get(core.$transparent-colors, $theme, --900), | 44 | --border-color: props.get(core.$transparent-colors, $theme, --900), |
44 | --outline-color: props.get(core.$transparent-colors, $theme, --300), | 45 | --outline-color: props.get(core.$transparent-colors, $theme, --300), |
45 | ), | 46 | ), |
46 | ) | 47 | ) |
47 | )); | 48 | )); |
48 | } | 49 | } |