Я хотел бы удалить класс .default перед .home-item - PullRequest
0 голосов
/ 02 октября 2018

Я пытаюсь создать другую цветовую схему для другого веб-сайта в многостраничном 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; }

Дайте мне знать, еслиу вас есть вопросыСпасибо

...