@Fedooot01

Как объединить ключи map в набор правил в SCSS?

Здравствуйте, у меня есть map с такими данными:
$rank: (
   [8, 7]: red,
   [6, 5]: blue,
   [4, 3]: green,
   [2, 1]: black,
);


Мне нужно получить набор правил такого типа:
.rank--8, .rank--7 {
   color: red;
}
.rank--6, .rank--5 {
   color: blue;
}
.rank--4, .rank--3 {
   color: green;
}
.rank--2, .rank--1 {
   color: black;
}


Пока ничего лучше чем это придумать не получилось:
.rank {
   @each $level, $color in $rank{
      @each $level_val in $level {
         &--#{$level_val} {
            color: $color;
         }
      }
   }
}


Но это не совсем то, что надо, результат выходит вот таким:
.rank--8 {
   color: red;
}
.rank--7 {
   color: red;
}
.rank--6 {
   color: blue;
}
.rank--5 {
   color: blue;
}
.rank--4 {
   color: green;
}
.rank--3 {
   color: green;
}
.rank--2 {
   color: black;
}
.rank--1 {
   color: black;
}


Как можно достигнуть нужного результата?
  • Вопрос задан
  • 69 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы