استخدام متغير SASS كقيمة لخاصية "المحتوى" في CSS

Question

أهلاً!

قد يكون السبب في ذلك هو عدم فهمي لـ SASS/Compass.

أحاول إخراج عرض الشبكة باستخدام كود SASS التالي:

$total-columns        : 4
$column-width         : 4em                 // each column is 4em wide
$gutter-width         : $column-width / 2   // 1em gutters between columns
$grid-padding         : $gutter-width / 2   // grid-padding equal to gutters

#page
  +container
  +susy-grid-background

  #block-block-3
    div.content
      p:first-of-type:after
        content: columns-width()

لم تتم طباعة أي شيء في الكتلة 3.:(

لقد حاولت أيضًا content: columns-width($total-columns), ، لا شيء حتى الآن.إذا فعلت content: "foo", ، تتم طباعة "foo".

ما الخطأ الذي افعله؟كيف يمكنني رؤية عرض الشبكة المحسوب Susy؟وأيضا هل يمكن طباعته compass watch انتاج؟

Answer 1

حسنًا، الحل هو الاستخدام إقحام:

content: "#{columns-width($total-columns)}"