私がこれらの色を持っているとしましょう:
$everlastingGreeN: #232553;
$vividRed: #3435454;
// and many more
//and define those:
$colors: (everlastingGreeN, vividRed);
これらの値を繰り返して、クラス名として色名を使用し、次に背景色として値を使用できるようにするにはどうすればよいですか?
@each $colors in $colors{
&.#{$colors} {
background: {color value};
&:hover {
background: darken({color value}, 10%);
}
}
}