LoginSignup
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

@naokikobashi(nao ki)

Live sass compilerの出力方式４種類備忘録

Last updated at Posted at 2022-04-04

VScodeの拡張機能、「Live sass compiler」で出力されるcssファイルの方式を確認したかったが、公式の情報だとわかりづらかったので備忘録的にメモ。

変更箇所

拡張機能一覧からlive sass compilerを選び、「歯車」を選択->「拡張機能の設定」を選び「Live sass」で検索。
Formatsの項目の「settings.jsonで編集」を選ぶ。
funtion.png

format の箇所を書き換えると、出力方式を変更可能です。
2.png

結果

expand(デフォルトはこちら)

expand.png

compact

conpact.png

compressed

compressed.png

nested

nested.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?