مساعدة مع ساس mixin والمتغيرات (يتم تجاهل فار)
-
05-07-2019 - |
سؤال
ولدي mixin التالية في ساس الجزئي:
=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، يتم تجاهل خاصية العرض، فإنه لا يبدو حتى في CSS. يمكنك اكتشاف أي أخطاء على هذا الرمز؟
إذا كنت تستخدم الإصدار NOT معلمات من mixin، كل شيء يعمل بشكل جيد.
المحلول
إذا كنت تستخدم متغير في الممتلكات، وتحتاج إلى استخدام =
، وليس :
.
=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