SCSS · エディター

SCSS · エディターの使い方

SCSS ファイルをオンラインで開いて編集。インストールやアップロードなしでテキストを検索し、.scss ソースを保存できます。

1. ローカルの .scss ファイルを読み込むか、SCSS ソースを貼り付けます。
2. テキストを編集し、検索で必要な箇所を見つけます。
3. 結果をコピーするか、編集したソースをダウンロードします。

SCSS · エディター · 例

$accent: #6366f1;
.card {
  color: $accent;
  &:hover { opacity: .8; }
}

$accent: #6366f1;
.card {
  color: $accent;
  &:hover { opacity: .8; }
}

使用上の注意

ファイルと入力はこのブラウザー内で処理されます。アップロードやアカウントは不要です。

ソース編集専用です。実行・コンパイル・検証やサーバー接続は行いません。