Kann ich Scss in Theme-Komponenten debuggen?

Unterstützung
1

Ich möchte Variablen aus den Theme-Einstellungen in Scss-Funktionen verwenden. Ich würde gerne die Variablen debuggen können, aber die einzige Methode, die ich bisher gefunden habe, besteht darin, den Code in dedizierten Dateien außerhalb der Komponente zu replizieren und die Variablen direkt in diesen Dateien zu deklarieren.

Hat das jemand bereits gemacht? Gibt es eine Möglichkeit, Scss-Variablen zu debuggen, wenn man mit der Theme-CLI arbeitet und innerhalb der Ordnerstruktur der Komponente ist?

2

Was erwartest du in Bezug auf das Debugging? Möchtest du Sass’ @debug verwenden?

Es ist etwas albern, aber ich habe das schon einmal gemacht, um die Ausgabe einer Sass-Variable zu sehen:

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

Ah, das habe ich auch gemacht, direkt nach dem Header und mit einem weniger kreativen Hintergrund :see_no_evil: Danke fürs Teilen, ich fühle mich jetzt schon weniger albern! :grinning_face_with_smiling_eyes:

Und ja, ich möchte @debug verwenden. Ich habe mich nur gefragt, ob ich eine Option verpassen würde. Aber es ist auch ganz einfach, die Variablen einfach auszuweisen und die Funktionen in einer dedizierten Datei zu debuggen.