Цикл For в SCSS с комбинацией переменных [дубликат]

На этот вопрос уже есть ответы здесь:

Динамическое создание или обращение к переменным в Sass(5 ответов)

Закрыто 3 года назад.

У меня есть куча элементов: (#cp1, #cp2, #cp3, #cp4)

, что я хочу добавить цвет фона с помощью SCSS.

Мой код:

$colour1: rgb(255,255,255); // white
$colour2: rgb(255,0,0); // red
$colour3: rgb(135,206,250); // sky blue
$colour4: rgb(255,255,0);   // yellow

@for $i from 1 through 4 {
    #cp#{i} {
        background-color: rgba($(colour#{i}), 0.6);

        &:hover {
            background-color: rgba($(colour#{i}), 1);
            cursor: pointer;
        }
    }
}

css html sass

задан tobyn 13 May 2012 в 08:41

0 ответов

Другие вопросы по тегам:

css html sass

Цикл For в SCSS с комбинацией переменных [дубликат]

0 ответов

Похожие вопросы: