fiokit.

SCSS整形

SCSS のインデントを統一し、入れ子のセレクターを読みやすく整形します。コンパイルせずに変数、ミックスイン、スタイルのブロックを整えます。

入力欄にポインターを合わせるか選択するとヘルプが表示されます。Escapeで閉じます。

最大200,000文字。ローカルで処理します。
0 UTF-16 コード単位
0単語数
0文字数
0空白を除く文字数
0行数

使い方

内容を貼り付けるかサンプルを表示してください。利用できるオプションを選んで実行し、結果をコピーまたはダウンロードできます。

使用例

SCSS

$color:red;.card{color:$color;&:hover{color:blue;}}

よくある質問

入力内容はサーバーに送信されますか?

いいえ。入力内容はこのブラウザ内で処理され、サーバーに送信・保存されません。

SCSS整形 を使う際の注意点は?

SCSS パーサーを使い、インデントを調整できます。整形では SCSS から CSS へのコンパイルや、import、ミックスイン、変数の解決は行いません。構文が無効な場合はエラーを表示します。