Я бы хотел, чтобы этот код работал правильно. на данный момент он выплевывает только имя переменной, а не значение.
Вот код.
@each $i, $c in $color-list {
&.#{$c} {
@include button-default-type-replacer($white, #{$c + '-8'}, #{$c + '-9'});
}
}
Нет ошибки вывода. Но это то, что говорится в Chrome Inspector.
button.grape, .button.grape {
border-color: grape-9 !important;
color: grape-9 !important;
background-color: transparent !important;
}
Со строками через первые два, конечно.
Они не должны говорить «виноград-9», это должно быть шестнадцатеричное значение.
цвет-лист:
$color-list: (
$gray-list: 'gray',
$red-list: 'red',
$pink-list: 'pink',
$grape-list: 'grape',
$violet-list: 'violet',
$indigo-list: 'indigo',
$blue-list: 'blue',
$cyan-list: 'cyan',
$teal-list: 'teal',
$green-list: 'green',
$lime-list: 'lime',
$yellow-list: 'yellow',
$orange-list: 'orange'
);
значение $ i выдает ошибку. Насколько я знаю, это не важно.