Live Sass Compilerでネストできない

Question

前提・実現したいこと

Live Sass Compilerの設定を変えて、.cssファイル内のクラスの間に自動で挿入されるスペースを取り除きたいです。

発生している問題

Live Sass Compiler を使用して.scssファイルでネストすると、.cssファイルではスペースが空いてしまってうまく動作しません。

.scssで書いたコード	Live Sass Compilerで自動生成されたコード。スペースができている

試したこと

settings.jsonファイルを参照しましたが該当する設定項目はありませんでした。

補足情報（FW/ツールのバージョンなど）

Live Sass Compiler v3.0.0

Comments

[technocore]

どのような結果を求めているのでしょうか？

Answer 1

それ正常な出力ですよ。

くっつけたいなら&が必要です。

.animate{
&.slide-from-left{
transform: translateX(-40px);
}
}

Comments

[poppy1115]

SCSSの記法について勉強不足でした！ご教示感謝します。