手寫筆 - mixin - 變量

Question

我想我可能完全誤解了這一點。

但說我有這個重複的CSS代碼。

.dot_one { 
    animation: dot_one 2s infinite linear; 
} 
.dot_two { 
    animation: dot_two 2s infinite linear; 
} 
.dot_three { 
    animation: dot_three 2s infinite linear; 
} 

我不應該能夠提取它作爲一個函數嗎？ （但在手寫筆一個mixin）

dot_mix(myVar) 
    animation: myVar 2s infinite linear; 

dot_mix(.dot_one) 

Answer 1

我覺得這是你的語法後

dot_mix(sel) 
    {sel} 
     animation: dot_one 2s infinite linear 

dot_mix('.dot_one') 
dot_mix('.dot_two') 

從這裏http://www.miniarray.com/use-variables-for-selectors-in-stylus/

獲得