هل هناك أي طريقة لاستخدام @if في مكون الثيم باستخدام متغير؟

مطور
1

أحاول استخدام إعداد سمة منطقي لتحديد ما إذا كان بإمكاني استخدام نمط معين:

@if var(--my-variable) {
   .my-selector {
      display: block;
  }
}

وفي مكان آخر في الملف المضمن:

:root {
  --my-variable: #{$my_boolean_setting_in_theme};
}

ولكن هذا لا يبدو أنه يعمل…

يتم تطبيق النمط سواء كانت المتغير صحيحة أو خاطئة.

2

لا يمكن استهلاك متغيرات CSS وقت التشغيل مثل --my-variable في عبارات @if وقت البناء لـ SASS/SCSS.

لذلك أعتقد أنه سيتعين عليك التعامل مع هذا بالكامل في وقت البناء، والالتزام بمتغيرات SCSS فقط. شيء مثل:

@if $my_boolean_setting_in_theme == "true" {
  ...
}
3

شكرا ديفيد، لقد جربت كل أنواع التركيبات مثل هذه، لا أعرف لماذا لم أصل إلى هذا، تحياتي!