summaryrefslogtreecommitdiffstats
path: root/src/_core.vars.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/_core.vars.scss')
-rw-r--r--src/_core.vars.scss78
1 files changed, 39 insertions, 39 deletions
diff --git a/src/_core.vars.scss b/src/_core.vars.scss
index 8c0b74f..f7a9ebc 100644
--- a/src/_core.vars.scss
+++ b/src/_core.vars.scss
@@ -116,8 +116,8 @@ $sticky-top-offset: props.def(--sticky-top-offset, 0rem) !default;
116$-static-colors: (); 116$-static-colors: ();
117 117
118@each $palette-name, $palette in map.get(config.$static-colors, --palettes) { 118@each $palette-name, $palette in map.get(config.$static-colors, --palettes) {
119 $palette: fn.palette($palette, map.get(config.$static-colors, --levels), map.get(config.$static-colors, --base)); 119 $palette: fn.palette($palette, map.get(config.$static-colors, --levels), map.get(config.$static-colors, --base));
120 $-static-colors: map.merge($-static-colors, ( $palette-name: $palette )); 120 $-static-colors: map.merge($-static-colors, ( $palette-name: $palette ));
121} 121}
122 122
123// 123//
@@ -125,11 +125,11 @@ $-static-colors: ();
125$transparent-colors: props.def(--transparent-colors, (), 'color'); 125$transparent-colors: props.def(--transparent-colors, (), 'color');
126 126
127@each $palette-name, $palette in (--black: #000 #fff, --white: #fff #000) { 127@each $palette-name, $palette in (--black: #000 #fff, --white: #fff #000) {
128 $color: list.nth($palette, 1); 128 $color: list.nth($palette, 1);
129 $text: list.nth($palette, 2); 129 $text: list.nth($palette, 2);
130 130
131 $palette: fn.transparent-palette($color, $text, map.get(config.$static-colors, --transparents)); 131 $palette: fn.transparent-palette($color, $text, map.get(config.$static-colors, --transparents));
132 $transparent-colors: props.merge($transparent-colors, ( $palette-name: $palette )); 132 $transparent-colors: props.merge($transparent-colors, ( $palette-name: $palette ));
133} 133}
134 134
135// 135//
@@ -137,47 +137,47 @@ $transparent-colors: props.def(--transparent-colors, (), 'color');
137$themes: (); 137$themes: ();
138 138
139@each $theme-name, $theme in config.$themes { 139@each $theme-name, $theme in config.$themes {
140 @each $variant-name, $variant in $theme { 140 @each $variant-name, $variant in $theme {
141 @if $variant != null { 141 @if $variant != null {
142 $compiled: props.def(--colors, (), 'color'); 142 $compiled: props.def(--colors, (), 'color');
143 143
144 @each $palette-name, $palette in $-static-colors { 144 @each $palette-name, $palette in $-static-colors {
145 $compiled: props.merge($compiled, ( #{$palette-name}-static: $palette )); 145 $compiled: props.merge($compiled, ( #{$palette-name}-static: $palette ));
146 } 146 }
147 147
148 @each $palette-name, $palette in map.get($variant, --palettes) { 148 @each $palette-name, $palette in map.get($variant, --palettes) {
149 $base-color: list.nth($palette, 1); 149 $base-color: list.nth($palette, 1);
150 $levels: list.nth($palette, 2); 150 $levels: list.nth($palette, 2);
151 151
152 $palette: fn.palette($base-color, map.get($variant, --levels, $levels), list.nth(map.get($variant, --palettes, --base), 1)); 152 $palette: fn.palette($base-color, map.get($variant, --levels, $levels), list.nth(map.get($variant, --palettes, --base), 1));
153 $compiled: props.merge($compiled, ( $palette-name: $palette )); 153 $compiled: props.merge($compiled, ( $palette-name: $palette ));
154 } 154 }
155 155
156 @each $color, $value in map.get($variant, --constants) { 156 @each $color, $value in map.get($variant, --constants) {
157 $compiled: props.merge($compiled, ( $color: $value )); 157 $compiled: props.merge($compiled, ( $color: $value ));
158 } 158 }
159 159
160 @each $color, $ref in map.get($variant, --semantic) { 160 @each $color, $ref in map.get($variant, --semantic) {
161 $res: (); 161 $res: ();
162 162
163 @if meta.type-of($ref) == 'map' { 163 @if meta.type-of($ref) == 'map' {
164 @each $key, $r in $ref { 164 @each $key, $r in $ref {
165 $re1: list.nth($r, 1); 165 $re1: list.nth($r, 1);
166 $re2: functions.list-slice($r, 2); 166 $re2: functions.list-slice($r, 2);
167 $res: map.merge($res, ($key: props.get($compiled, $re1, $re2...))); 167 $res: map.merge($res, ($key: props.get($compiled, $re1, $re2...)));
168 } 168 }
169 } @else { 169 } @else {
170 $ref1: list.nth($ref, 1); 170 $ref1: list.nth($ref, 1);
171 $ref2: functions.list-slice($ref, 2); 171 $ref2: functions.list-slice($ref, 2);
172 $res: props.get($compiled, $ref1, $ref2...); 172 $res: props.get($compiled, $ref1, $ref2...);
173 } 173 }
174 174
175 $compiled: props.merge($compiled, ( $color: $res )); 175 $compiled: props.merge($compiled, ( $color: $res ));
176 } 176 }
177 177
178 $themes: map.set($themes, $theme-name, $variant-name, $compiled); 178 $themes: map.set($themes, $theme-name, $variant-name, $compiled);
179 } 179 }
180 } 180 }
181} 181}
182 182
183$theme: map.get($themes, config.$theme-default, light) !default; 183$theme: map.get($themes, config.$theme-default, light) !default;