このページでコードを整形するには？
左側のエディターにコードを貼り付けるかファイルを読み込み、必要な設定を選んで「フォーマット」を押します。右側で結果を確認し、コピーまたは保存します。
SCSS フォーマッターは、SCSS スタイルシートのインデント、空白、折り返し、宣言、ネストしたルールの配置を統一します。SCSS の変数、ネスト、ミックスイン、関数、プレースホルダー、補間、コメント、制御ディレクティブを理解します。
SCSS固有の構文として、変数、ネスト、ミックスイン、補間、計算式、カスタムプロパティを処理します。無効な入力は出力エディターに表示されるため、そのまま修正できます。
タブまたはスペース、希望する1行の文字数、シングル／ダブルクォートを選べます。処理はブラウザ内で行われ、SCSSソースはサーバーへアップロードされません。入力がコンパイル済みCSSで、CSSの圧縮も必要な場合は CSSフォーマッター を使用してください。
左側のエディターにコードを貼り付けるかファイルを読み込み、必要な設定を選んで「フォーマット」を押します。右側で結果を確認し、コピーまたは保存します。
入力は選択した言語または構文に合っている必要があります。未完成の文、対応していない括弧や引用符、入力と異なる方言やモードを確認してから再度実行してください。
コードフォーマッターは言語に応じたトークンと入れ子構造を認識し、一貫した規則でインデント、空白、改行を整えます。プログラムをコンパイルしたり実行したりしないため、正しさや安全性の検査にはなりません。
2スペースと80または100列から始め、引用符は周囲のスタイルシートに合わせます。SCSSの変数、ネスト、Mixin、関数、補間、コメントに対して、タブまたはスペース、行幅、単一または二重引用符を選べます。