当颜色方案只是变化的属性值时,避免重复使用颜色方案

时间:2014-09-19 12:00:08

标签: sass

我的应用程序中的元素可以有三种颜色之一。

现在我在每个元素.color1.color2.color3上添加了一个课程。

然后在css declerations中我喜欢以下内容(取决于元素):

.color1 .special_element {background-color: $color1;}
.color2 .special_element {background-color: $color2;}
.color3 .special_element {background-color: $color3;}

上述模式重复多次。

有没有办法让上面的代码更密集,例如有某种条件和论证吗?

0 个答案:

没有答案