Можно ли использовать @if в компоненте темы с переменной?

Разработка
1

Я пытаюсь использовать булеву настройку темы, чтобы определить, можно ли применить определенный набор стилей:

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

а в другом месте во включенном файле:

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

но это, похоже, не работает…

стили применяются независимо от того, истинна переменная или ложна.

2

Время выполнения CSS-переменные, такие как --my-variable, нельзя использовать в SASS/SCSS-выражениях @if во время сборки.

Поэтому, я думаю, вам придется обрабатывать это исключительно на этапе сборки, используя только переменные SCSS. Что-то вроде:

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

Спасибо, Дэвид! Я перепробовал всевозможные комбинации вроде этой, не знаю, почему не догадался об этой, спасибо!