¿Puedo depurar Scss en componentes de temas?

Soporte
1

Quiero utilizar variables de la configuración del tema en funciones de SCSS. Me gustaría poder depurar las variables, pero hasta ahora la única forma que he encontrado es replicar el código en archivos dedicados fuera del componente y declarar las variables directamente en esos archivos.

¿Alguien ya ha hecho esto? ¿Existe alguna forma de depurar variables de SCSS al trabajar con la CLI del tema y dentro de la estructura de carpetas de los componentes?

2

¿Qué esperas en términos de depuración? ¿Buscas usar @debug de Sass?

Es un poco absurdo, pero ya lo he hecho antes para ver el valor de una variable de Sass:

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

¡Ah, eso es exactamente lo que hice yo también, justo después del encabezado y con un fondo menos creativo :see_no_evil: Gracias por compartirlo, ¡ya me siento menos tonto/a! :grinning_face_with_smiling_eyes:

Y sí, quiero usar @debug. Solo me preguntaba si me perdería alguna opción. Pero también es bastante sencillo simplemente escribir las variables y depurar las funciones en un archivo dedicado.