C'è qualche modo per usare @if in un Theme Component usando una variabile?

Sviluppatore
1

Sto cercando di utilizzare un’impostazione booleana del tema per determinare se posso utilizzare uno stile specifico:

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

e altrove nel file incluso:

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

ma questo non sembra funzionare…

lo stile viene applicato indipendentemente dal fatto che la variabile sia vera o falsa.

2

Le variabili CSS runtime come --my-variable non possono essere utilizzate nelle istruzioni @if di SASS/SCSS al momento della compilazione.

Quindi, penso che dovresti gestire tutto al momento della compilazione, attenendoti solo alle variabili SCSS. Qualcosa come:

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

Grazie David, ho provato tutti i tipi di combinazioni come quella, non so perché non mi sia venuta in mente quella, saluti!