2012-12-24 10 views
1

我想用手寫筆運行供應商特定的CSS混入,我直接從文檔,但它似乎並沒有呈現的CSS在所有。有什麼想法嗎?Node.js手寫筆插入不呈現在文檔中顯示的樣式

vendor(prop, args) 
    -webkit-{prop} args 
    -moz-{prop} args 
     -ms-{prop} args 
     -o-{prop} args 
      {prop} args 

border-radius() 
    vendor('border-radius', arguments) 

li 
border-radius 3px 3px 0 0 

應該工作,但是當樣式表呈現沒有border-radius屬性?

而且,正是這樣做的混入正常工作

border-radius() 
    -webkit-border-radius arguments 
    -moz-border-radius arguments 
    -ms-border-radius arguments 
    -o-border-radius arguments 
    border-radius arguments 

li 
    border-radius 3px 

呈現:

li{ 
    -webkit-border-radius: 3px 
    -moz-border-radius: 3px 
    -ms-border-radius: 3px 
    -o-border-radius: 3px 
    border-radius: 3px 
} 

正如預期的那樣。對此有何想法?

謝謝

+0

雖然這不會回答你的問題,我建議你檢查出[筆尖(https://github.com/visionmedia/nib)。除此之外,它以可重用的方式解決了供應商前綴問題。 –

回答

3

嘿我想通了,我以爲我會回來的答案。讓我惱火的是,mixin供應商(prop,args)被縮進,因此並沒有渲染代碼。觀看縮進!

vendor(prop, args) 
    -webkit-{prop} args 
    -moz-{prop} args 
     -ms-{prop} args 
     -o-{prop} args 
      {prop} args 

應該是:

vendor(prop, args) 
    -webkit-{prop} args 
    -moz-{prop} args 
    -ms-{prop} args 
    -o-{prop} args 
    {prop} args 
相關問題