diff options
Diffstat (limited to 'src/objects/_thumbnail.vars.scss')
-rw-r--r-- | src/objects/_thumbnail.vars.scss | 34 |
1 files changed, 17 insertions, 17 deletions
diff --git a/src/objects/_thumbnail.vars.scss b/src/objects/_thumbnail.vars.scss index ba8cebe..e49e52e 100644 --- a/src/objects/_thumbnail.vars.scss +++ b/src/objects/_thumbnail.vars.scss | |||
@@ -4,7 +4,7 @@ | |||
4 | @use '../core.vars' as core; | 4 | @use '../core.vars' as core; |
5 | 5 | ||
6 | $size: props.def(--o-thumbnail--size, props.get(core.$size--700)) !default; | 6 | $size: props.def(--o-thumbnail--size, props.get(core.$size--700)) !default; |
7 | $rounding: props.def(--o-thumbnail--rounding, props.get(core.$rounding)) !default; | 7 | $rounding: props.def(--o-thumbnail--rounding, props.get(core.$rounding--sm)) !default; |
8 | $spacing: props.def(--o-thumbnail--spacing, props.get(core.$size--100)) !default; | 8 | $spacing: props.def(--o-thumbnail--spacing, props.get(core.$size--100)) !default; |
9 | $border-width: props.def(--o-thumbnail--border-width, props.get(core.$border-width--thin)) !default; | 9 | $border-width: props.def(--o-thumbnail--border-width, props.get(core.$border-width--thin)) !default; |
10 | 10 | ||
@@ -28,24 +28,24 @@ $size--md: props.def(--o-thumbnail--size, props.get(core.$size--600), 'md') !def | |||
28 | $static-themes: props.def(--o-thumbnail, (), 'color'); | 28 | $static-themes: props.def(--o-thumbnail, (), 'color'); |
29 | 29 | ||
30 | @each $theme in map.keys(props.get(core.$transparent-colors)) { | 30 | @each $theme in map.keys(props.get(core.$transparent-colors)) { |
31 | $thumbnail-theme: --static-#{string.slice($theme, 3)}; | 31 | $thumbnail-theme: --static-#{string.slice($theme, 3)}; |
32 | 32 | ||
33 | $static-themes: props.merge($static-themes, ( | 33 | $static-themes: props.merge($static-themes, ( |
34 | $thumbnail-theme: ( | 34 | $thumbnail-theme: ( |
35 | --border: props.get(core.$transparent-colors, $theme, --400), | 35 | --border: props.get(core.$transparent-colors, $theme, --400), |
36 | 36 | ||
37 | --hover: ( | 37 | --hover: ( |
38 | --border: props.get(core.$transparent-colors, $theme, --500), | 38 | --border: props.get(core.$transparent-colors, $theme, --500), |
39 | ), | 39 | ), |
40 | 40 | ||
41 | --selected: ( | 41 | --selected: ( |
42 | --border: props.get(core.$transparent-colors, $theme, --900), | 42 | --border: props.get(core.$transparent-colors, $theme, --900), |
43 | ), | 43 | ), |
44 | 44 | ||
45 | --key-focus: ( | 45 | --key-focus: ( |
46 | --border: props.get(core.$transparent-colors, $theme, --900), | 46 | --border: props.get(core.$transparent-colors, $theme, --900), |
47 | --outline: props.get(core.$transparent-colors, $theme, --300), | 47 | --outline: props.get(core.$transparent-colors, $theme, --300), |
48 | ), | 48 | ), |
49 | ) | 49 | ) |
50 | )); | 50 | )); |
51 | } | 51 | } |