سؤال

ولدي 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
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top