萨斯，色彩方案与引导

Question

我读这篇文章http://www.sitepoint.com/dealing-color-schemes-sass/我想尝试应用该方法，但我有一个问题：这可能使用这个变量？

Ex。我使用引导程序，我想只改变$ brand-primary的值（不指定属性），我可以使用此方法更改此值吗？

我分配一个动态类在我的身体（或），我想改变$品牌的主要价值为每类...

另一位前。 如果body class是“en”$ brand-primary：red;如果身体类是“it”$ brand-primary：blue;如果身体类别是“fr”$ brand-primary：green;

有可能吗？

感谢您的回复。

Answer 1

也许最简单的方法是创建一个mixin，然后传入主题颜色变量。

主题混入代码发生在所有必要的颜色，以及对应于体类的名称：

@mixin theme($name, $brand-primary) { 
    body.#{$name} { 
    background-color: $brand-primary; 
    } 
} 

创建一个单独的萨斯部分住房的主题色的变量。在这种情况下，它看起来像这样：

$brand-primary: green; 

创建尽可能多的这些文件，因为您有主题。

使用的主题是如此的简单：

@import 'Themes/_theme-name.scss'; 
@include theme("theme-name", $brand-primary); 

奖金 - 如果你需要将样式应用到一个特定的主题，这是作为混入的@if语句简单：

@if ($name == "theme-name") { 
    .class-name {background-image: url(example.png);} 
}