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; |
