LESS · エディター

LESS · エディターの使い方

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

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

LESS · エディター · 例

@accent: #6366f1;
.card {
  color: @accent;
  &:hover { color: darken(@accent, 10%); }
}

@accent: #6366f1;
.card {
  color: @accent;
  &:hover { color: darken(@accent, 10%); }
}

使用上の注意

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

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