幫助薩斯混入及變量（VAR被忽略）

Question

我已經在SASS以下混入部分：

=card-list 
    width: 180px 
    min-height: 150px 
    display: -moz-inline-stack 
    display: inline-block 
    vertical-align: top 
    margin: 5px 
    zoom: 1 
    *display: inline 
    _height: 250px 
    -moz-border-radius: 10px 
    -webkit-border-radius: 10px 

現在，當我試圖使它參數化，並增加了一些增值經銷商，他們一直被忽略：

=card-list(!width=180px) 
    width: !width 
    min-height: 150px 
    display: -moz-inline-stack 
    display: inline-block 
    vertical-align: top 
    margin: 5px 
    zoom: 1 
    *display: inline 
    _height: 250px 
    -moz-border-radius: 10px 
    -webkit-border-radius: 10px 

我使用的是這樣的：

#content 
    ul.characters > li 
    +card-list(180px) 
    background-color: black 
    border: 1px solid black 

的問題是，當我用我的mixi網的參數化版本n，width屬性被忽略，它甚至不會出現在CSS中。你能發現這個代碼的任何錯誤？

如果我使用mixin的NOT參數化版本，一切正常。

Answer 1

如果您在屬性中使用變量，則需要使用=而不是:。

=card-list($width: 180px) 
    width = $width 
    min-height: 150px 
    display: -moz-inline-stack 
    display: inline-block 
    vertical-align: top 
    margin: 5px 
    zoom: 1 
    *display: inline 
    _height: 250px 
    -moz-border-radius: 10px 
    -webkit-border-radius: 10px