Можно ли отлаживать SCSS в компонентах темы?

Поддержка
1

Я хочу использовать переменные из настроек темы в функциях SCSS. Мне хотелось бы иметь возможность отлаживать переменные, но пока что я нашел только один способ: дублировать код в отдельных файлах вне компонента и объявлять переменные прямо в этих файлах.

Кто-нибудь уже делал это? Существует ли способ отлаживать переменные SCSS при работе с Theme CLI и в структуре папок компонента?

2

Что вы ожидаете получить в плане отладки? Вы планируете использовать директиву @debug Sass?

Это немного странно, но я уже делал так раньше, чтобы увидеть значение переменной Sass:

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

О, я тоже сделал так же — сразу после заголовка, но с менее креативным фоном :see_no_evil: Спасибо, что поделился, теперь я чувствую себя уже не так глупо! :grinning_face_with_smiling_eyes:

И да, я хочу использовать @debug. Просто wondered, не упущу ли я какой-то вариант. Но также достаточно просто написать переменные и отладить функции в отдельном файле.