有没有办法可以将它压缩得更多,所以我必须在这一行中添加:
background: linear-gradient(left, $rainbow-colors);
我必须在这里筑巢吗?
@mixin rainbow($colors...) {
@each $color in $colors {
.#{$color} {
background: $color; }
}
}
$rainbow-red: red;
$rainbow-orange: orange;
$rainbow-yellow: yellow;
$rainbow-green: green;
$rainbow-blue: blue;
body {
background: -webkit-linear-gradient(left, $rainbow-red, $rainbow-orange, $rainbow-yellow, $rainbow-green, $rainbow-blue);
}
答案 0 :(得分:1)
您不必将每种颜色指定为自己的变量。以逗号分隔的列表就足够了。 (另外,您的代码应该说to left
,而不仅仅是left
。)
body {
$rainbow-colors: red, orange, yellow, green, blue;
background: linear-gradient(to left, $rainbow-colors);
}