Sass mixinおよび&のヘルプ変数(varは無視されています)
-
05-07-2019 - |
質問
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
所属していません StackOverflow