Sass Mixin & 변수에 대한 도움말 (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

이제 매개 변수를 만들고 일부 VAR을 추가하려고 할 때 계속 무시됩니다.

=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

문제는 Mixin의 매개 변수화 된 버전을 사용하면 너비 속성이 무시되고 CSS에도 나타나지 않는다는 것입니다. 이 코드에서 오류가 발생할 수 있습니까?

Mixin의 매개 변수화되지 않은 버전을 사용하면 모든 것이 잘 작동합니다.

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