Jemand kann mir erklären, warum meine Hintergrundfarbe in diesem Mixin mit Paletten nicht richtig funktioniert?sass Paletten funktioniert nicht in einem Mixin
// UI Colors
// Call the color palette modifiers in color values
@function palette($palette, $shade: 'base') {
@return map-get(map-get($color-palettes, $palette), $shade);
}
$white: #fff;
$black: #0b0b0b;
$grey : #797e83;
$color-palettes: (
grey: (
xx-light : lighten($grey, 43%),
x-light : lighten($grey, 35%),
light : lighten($grey, 12%),
base : $grey,
dark : darken($grey, 8%),
x-dark : darken($grey, 16%)
),
black: (
light : lighten($black, 10%),
base : $black,
dark : darken($black, 10%)
)
);
$ui-colors: (
sidebar-close : $white,
filter-close : $white,
search-close : palette(black, dark),
);
// Generate modifier color classes
@mixin bg-colors($map) {
@each $theme, $color in $map {
&-#{$theme} {
background-color: $color;
}
}
}
.btn {
@include colors($ui-colors);
}
Ergebnis:
.btn-search-open {
background-color: invalid not working;
}
Also, wenn mein bg gemacht wird apear nicht jemand wissen, was es ist passiert?
Ihre mixin Name ist 'bg-colors' nicht' colors' – blonfu