使用数组值作为变量 [英] Use array value as variable

问题描述

假设我有这些颜色:

$everlastingGreeN: #232553;
$vividRed: #3435454;
// and many more
//and define those:
$colors: (everlastingGreeN, vividRed);

如何迭代这些值，以便可以使用颜色名称作为类名，然后使用值作为背景颜色?

How do I iterate those values so I can use the color name as the class name then the value as the background color?

@each $colors in $colors{
    &.#{$colors} {
        background: {color value};
        &:hover {
            background: darken({color value}, 10%);
        }
    }
}

推荐答案

您要查找的是列表列表.

What you're looking for is a list of lists.

$everlastingGreeN: #232553;
$vividRed: #343545;
// and many more
//and define those:
$colors: everlastingGreeN $everlastingGreeN, vividRed $vividRed;

@each $color in $colors {
    &.#{nth($color, 1)} {
        background: nth($color, 2);
        &:hover {
            background: darken(nth($color, 2), 10%);
        }
    }
}

这篇关于使用数组值作为变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！