Я пытаюсь создать другую цветовую схему для другого веб-сайта в многостраничном WordPres.Я хочу две разные цветовые схемы для каждого сайта.Но тот же файл CSS.
// Theming
@mixin themify($themes: $themes) {
@each $theme, $map in $themes {
.#{$theme} & {
$theme-map: () !global;
@each $key, $submap in $map {
$value: map-get(map-get($themes, $theme), '#{$key}');
$theme-map: map-merge($theme-map, ($key: $value)) !global;
}
@content;
$theme-map: null !global;
}
}
}
@function themed($key) {
@return map-get($theme-map, $key);
}
$themes: (
default: (
color-1: $color-1,
color-2: $smr-color-2,
color-3: $smr-color-3,
color-4: $smr-color-4,
color-5: $smr-color-5,
color-6: $smr-color-6
),
body-smr: (
color-1: $smr-color-1,
color-2: $smr-color-2,
color-3: $smr-color-3,
color-4: $smr-color-4,
color-5: $smr-color-5,
color-6: $smr-color-6
)
);
.home-item{
@include themify($themes) {
background-color: themed('color-1');
}
}
Вывод В настоящее время
.default .home-item {
background-color: #00bdbe; }
.body-smr .home-item {
background-color: #f55910; }
Желаемый выход
// Output required
.home-item {
background-color: #00bdbe; }
.body-smr .home-item {
background-color: #f55910; }
Дайте мне знать, еслиу вас есть вопросыСпасибо