ツール説明

ツール紹介

オンラインSCSS→CSS変換ツール。ブラウザ上でSCSSコードをCSSコードに変換できます。SourceMap生成とCSS圧縮に対応。

ローカルにSCSS処理環境を構築せずに、SCSSコードを簡単にコンパイル・変換できます。

本ツールは単一ファイルのSCSS変換のみ対応しています。複数ファイルのインポートには対応していません。

1. 対応しているSCSS構文は？

ほぼすべてのSCSS構文に対応しています。変数($var)、ネストルール、ミックスイン(@mixin)、継承(@extend)、関数(@function)、演算、条件分岐(@if/@else)、ループ(@for/@each/@while)、組み込み関数など。

2. Source Mapとは？

Source Mapは、コンパイル後のCSSコードと元のSCSSコード位置の対応を記録したファイルです。ブラウザの開発者ツールでCSSをデバッグする際、元のSCSSソースコードの位置を特定できます。

3. 展開形式と圧縮形式の違いは？

展開形式はインデントと改行を保持し、読みやすさを重視します。圧縮形式は不要な空白を削除し、ファイルサイズを小さくします。本番環境での使用に適しています。