Posso fare il debug di Scss nei componenti del tema?

Supporto
1

Voglio utilizzare le variabili dalle impostazioni del tema nelle funzioni SCSS. Vorrei poter eseguire il debug delle variabili, ma finora l’unico metodo che ho trovato è replicare il codice in file dedicati fuori dal componente e dichiarare le variabili direttamente in quei file.

Qualcuno lo ha già fatto? Esiste un modo per eseguire il debug delle variabili SCSS quando si lavora con la CLI del tema e all’interno della struttura delle cartelle dei componenti?

2

Cosa ti aspetti in termini di debug? Stai cercando di utilizzare @debug di Sass?

È un po’ assurdo, ma l’ho già fatto in passato per vedere l’output di una variabile Sass:

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

Oh, l’ho fatto anch’io, subito dopo l’intestazione e con uno sfondo meno creativo :see_no_evil: Grazie per aver condiviso, ora mi sento già meno sciocco! :grinning_face_with_smiling_eyes:

E sì, voglio usare @debug. Mi chiedevo solo se avrei perso un’opzione. Ma è anche abbastanza semplice scrivere le variabili e debuggare le funzioni in un file dedicato.