diff options
Diffstat (limited to 'src/_core.vars.scss')
-rw-r--r-- | src/_core.vars.scss | 78 |
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; |