Puis-je déboguer Scss dans les composants de thème ?

Soutien
1

Je souhaite utiliser des variables définies dans les paramètres du thème au sein de fonctions SCSS. J’aimerais pouvoir déboguer ces variables, mais la seule méthode que j’ai trouvée jusqu’ici consiste à répliquer le code dans des fichiers dédiés en dehors du composant et à déclarer les variables directement dans ces fichiers.

Est-ce que quelqu’un a déjà fait cela ? Existe-t-il un moyen de déboguer les variables SCSS lors de l’utilisation du CLI Thème et dans la structure de dossiers des composants ?

2

Qu’attendez-vous en matière de débogage ? Souhaitez-vous utiliser @debug de Sass ?

C’est un peu ridicule, mais j’ai déjà fait cela auparavant pour voir la valeur d’une variable Sass :

body {
  &:after {
    content: "#{$primary}" !important;
    display: block;
    background: salmon;
    color: white;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;
  }
}
3

Oh, c’est exactement ce que j’ai fait aussi, juste après l’en-tête, avec un arrière-plan moins créatif :see_no_evil: Merci pour le partage, je me sens déjà moins bête ! :grinning_face_with_smiling_eyes:

Et oui, je veux utiliser @debug. Je me demandais simplement si je manquerais une option. Mais c’est aussi assez simple d’écrire les variables et de déboguer les fonctions dans un fichier dédié.