2014-12-07 65 views
1

Stylus的一大優點是,它允許您定義可用於自定義輸出結果的變量。假設Stylus樣式表中全局變量的默認值?

例如,

// my-html-object.styl 

$my-html-object-color = red 

$my-html-object 
    color $my-html-object-color 

但是,如何將一個定義這個變量,這樣,可以在之前「我-HTML-object.styl」覆蓋加載使得以下是可能的嗎?

// main.styl 

$my-html-object-color = blue 

@import('my-html-object') 

回答

1

鐵筆提供兩個相同的運營商實現這個?=:=如記錄位置:

http://learnboost.github.io/stylus/docs/operators.html#conditional-assignment--

爲了完整這裏是示出兩個可供選擇的一個例子(但當量)的語法:

示例1:

// my-html-object.styl 

$my-html-object-color ?= blue 

$my-html-object 
    color $my-html-object-color 

實施例2:

// my-html-object.styl 

$my-html-object-color := blue 

$my-html-object 
    color $my-html-object-color 

然後在這兩種情況下,可以調節作爲預期值:

// main.styl 

$my-html-object-color = blue 

@import('my-html-object')