テーマコンポーネントでScssをデバッグできますか？

サポート
1

テーマ設定の変数を SCSS 関数で使用したいと考えています。変数をデバッグしたいのですが、現時点で私が発見した唯一の方法は、コンポーネント外の専用ファイルにコードを複製し、そのファイル内で直接変数を宣言することです。

これまでに誰かがこれを行ったことはありますか？Theme CLI を使用し、コンポーネントのフォルダ構造内で SCSS 変数をデバッグする方法はありますか？

2

デバッグについて、どのようなことをお望みでしょうか？Sass の @debug をご使用になるおつもりですか？

少しばかげた方法ですが、以前、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 を使いたいです。何かオプションを見落としているかどうかが気になっていたのですが、変数をそのまま書いて、専用のファイルで関数をデバッグするだけでも十分簡単ですね。