質問

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

問題は、mixinのパラメーター化されたバージョンを使用すると、widthプロパティが無視され、CSSにも表示されないことです。このコードのエラーを見つけられますか?

ミックスインのNOTパラメータ化バージョンを使用すると、すべてが正常に機能します。

役に立ちましたか?

解決

プロパティで変数を使用している場合、ではなく、 = を使用する必要があります。

=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
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top