2014-03-27 41 views
0

非常簡單。我新來sass,但我希望我的字體是一種特定的顏色。我有一個混合停止SASS將顏色編譯爲字體顏色

@mixin small-headline-font { 
font: { 
    family:'Open sans', sans-serif; 
    size: 24px; 
    weight:700; 
    color:#052C47; 
    } 
} 

但它編譯成

#small-headline { 
font-family: 'Open sans', sans-serif; 
font-size: 24px; 
font-weight: 700; 
font-color: #052C47; 
} 
} 

字體,顏色不正確的屬性名稱,所以我怎麼保持SASS從編譯顏色字體顏色?

+0

也許移動'color'的'字體外:'支架? – sbeliv01

回答

3

把它拿出來font{}括號:

@mixin small-headline-font { 
    font: { /* Anything in here will have "font-" prepended */ 
     family:'Open sans', sans-serif; 
     size: 24px; 
     weight:700; 
    } 
    color:#052C47; 
} 
+0

噢,謝謝! – nope