Помощь с Sass mixin и переменными (var игнорируется) - PullRequest
Новая
       12

Помощь с Sass mixin и переменными (var игнорируется)

0 голосов
/ 21 октября 2009

У меня есть следующий миксин в части 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

Проблема в том, что когда я использую параметризованную версию моего миксина, свойство width игнорируется, оно даже не появляется в CSS. Можете ли вы обнаружить ошибки в этом коде?

Если я использую НЕ параметризованную версию миксина, все работает нормально.

1 Ответ

3 голосов
/ 21 октября 2009

Если вы используете переменную в свойстве, вам нужно использовать =, а не :. 

=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
...