Y a-t-il un moyen d'utiliser @if dans un composant Theme en utilisant une variable ?

Dev
1

J’essaie d’utiliser un paramètre de thème booléen pour déterminer si je peux utiliser un style spécifique :

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

et ailleurs dans le fichier inclus :

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

mais cela ne semble pas fonctionner…

le style est appliqué que la variable soit vraie ou fausse.

3 « J'aime »
2

Les variables CSS d’exécution comme --my-variable ne peuvent pas être consommées dans les instructions @if de SASS/SCSS au moment de la compilation.

Je pense donc que vous devriez gérer cela entièrement au moment de la compilation, en vous en tenant uniquement aux variables SCSS. Quelque chose comme :

@if $my_boolean_setting_in_theme == "true" {
  ...
}
5 « J'aime »
3

Merci David, j’ai essayé toutes sortes de combinaisons comme ça, je ne sais pas pourquoi je n’ai pas trouvé celle-là, cheers !

3 « J'aime »
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.