diff options
Diffstat (limited to 'src/objects/_divider.vars.scss')
-rw-r--r-- | src/objects/_divider.vars.scss | 58 |
1 files changed, 29 insertions, 29 deletions
diff --git a/src/objects/_divider.vars.scss b/src/objects/_divider.vars.scss index 5a5639b..688fbb3 100644 --- a/src/objects/_divider.vars.scss +++ b/src/objects/_divider.vars.scss | |||
@@ -38,42 +38,42 @@ $dot--quiet--bg-color: props.def(--o-divider--dot--quiet--bg-color, props.get | |||
38 | $static-themes: props.def(--o-divider, (), 'color'); | 38 | $static-themes: props.def(--o-divider, (), 'color'); |
39 | 39 | ||
40 | @each $theme in map.keys(props.get(core.$transparent-colors)) { | 40 | @each $theme in map.keys(props.get(core.$transparent-colors)) { |
41 | $button-theme: --static-#{string.slice($theme, 3)}; | 41 | $button-theme: --static-#{string.slice($theme, 3)}; |
42 | 42 | ||
43 | $static-themes: props.merge($static-themes, ( | 43 | $static-themes: props.merge($static-themes, ( |
44 | $button-theme: ( | 44 | $button-theme: ( |
45 | --strong: ( | 45 | --strong: ( |
46 | --bg: props.get(core.$transparent-colors, $theme, --800), | 46 | --bg: props.get(core.$transparent-colors, $theme, --800), |
47 | --label: props.get(core.$transparent-colors, $theme, --900), | 47 | --label: props.get(core.$transparent-colors, $theme, --900), |
48 | ), | 48 | ), |
49 | --medium: ( | 49 | --medium: ( |
50 | --bg: props.get(core.$transparent-colors, $theme, --300), | 50 | --bg: props.get(core.$transparent-colors, $theme, --300), |
51 | --label: props.get(core.$transparent-colors, $theme, --500), | 51 | --label: props.get(core.$transparent-colors, $theme, --500), |
52 | ), | 52 | ), |
53 | --quiet: ( | 53 | --quiet: ( |
54 | --bg: props.get(core.$transparent-colors, $theme, --300), | 54 | --bg: props.get(core.$transparent-colors, $theme, --300), |
55 | --label: props.get(core.$transparent-colors, $theme, --500), | 55 | --label: props.get(core.$transparent-colors, $theme, --500), |
56 | ), | 56 | ), |
57 | --faint: ( | 57 | --faint: ( |
58 | --bg: props.get(core.$transparent-colors, $theme, --200), | 58 | --bg: props.get(core.$transparent-colors, $theme, --200), |
59 | --label: props.get(core.$transparent-colors, $theme, --400), | 59 | --label: props.get(core.$transparent-colors, $theme, --400), |
60 | ), | 60 | ), |
61 | ) | 61 | ) |
62 | )); | 62 | )); |
63 | } | 63 | } |
64 | 64 | ||
65 | $themes-config: ( | 65 | $themes-config: ( |
66 | accent: --accent, | 66 | accent: --accent, |
67 | negative: --negative, | 67 | negative: --negative, |
68 | ) !default; | 68 | ) !default; |
69 | 69 | ||
70 | $themes: props.def(--o-divider, (), 'color'); | 70 | $themes: props.def(--o-divider, (), 'color'); |
71 | 71 | ||
72 | @each $theme, $key in $themes-config { | 72 | @each $theme, $key in $themes-config { |
73 | $themes: props.merge($themes, ( | 73 | $themes: props.merge($themes, ( |
74 | --#{$theme}: ( | 74 | --#{$theme}: ( |
75 | --bg: props.get(core.$theme, $key, --800), | 75 | --bg: props.get(core.$theme, $key, --800), |
76 | --label: props.get(core.$theme, $key, --1000), | 76 | --label: props.get(core.$theme, $key, --1000), |
77 | ) | 77 | ) |
78 | )); | 78 | )); |
79 | } | 79 | } |