薩斯，色彩方案與引導

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);} 
}