создавать динамические переменные в Sass - PullRequest
0 голосов
/ 18 мая 2019

У меня есть некоторые переменные о цветовом коде.

$label-yellow: #fcd639;
$label-green: #3f9470;
$label-skyblue: #29b6f6;
$label-blue: #5c6bc0;
$label-purple: #ab47bc;
$label-orange: #ffa726;
$label-brown: #8d6e63;
$label-red: #c70039;
$label-black: #353839;
$label-gray: #7a8088;
$label-pink: #eb0b93;

$label-colors: (
  yellow: $label-yellow, 
  green: $label-green, 
  skyblue: $label-skyblue, 
  blue: $label-blue, 
  purple: $label-purple, 
  orange: $label-orange, 
  brown: $label-brown, 
  red: $label-red,
  black: $label-black,
  gray: $label-gray,
  pink: $label-pink,
);

И я пытаюсь создать новые переменные, используя эти переменные.

Что я ожидал

  $label-yellow-1: rgba($label-yellow, 0.5);
  $label-yellow-2: rgba($label-yellow, 0.6);
  ...

  $label-pink-1: rgba($label-pink, 0.5);
  $label-pink-2: rgba($label-pink, 0.6);

Что я пробовал

@each $name, $color in $label-colors {
  @for $i from 1 to 5 {
    $name-#{$color}-#{$i}: rgba($color, 0.5 + ($i*0.1))
  }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...