.less
Code
Less（Leaner Style Sheets）
Lessは標準CSSに変数、ミックスイン、ネスト、関数を追加するCSSプリプロセッサです。Lessファイルは通常のCSSにコンパイルされ、Sassが主流になる前はBootstrapフレームワークで特に人気がありました。
MIMEタイプ
text/x-less
種類
テキスト
圧縮
無劣化
メリット
- + Variables and mixins reduce CSS repetition
- + Can compile in the browser without a build step
- + Simpler syntax than early Sass (no indentation rules)
デメリット
- − Declining ecosystem — Sass is more widely used
- − Native CSS custom properties replace many Less features
- − Fewer functions and features than modern Sass
.LESSを使うタイミング
すでにLessを使用しているプロジェクトにはLessを使用してください。新しいプロジェクトにはSassまたはネイティブCSSカスタムプロパティを推奨します。
技術的詳細
Lessは@変数、.mixin()定義、ネスト、色操作と数学の組み込み関数でCSSを拡張します。ブラウザ内（less.js）またはNode.jsを介してサーバーサイドでコンパイルできます。
歴史
Alexis Sellierは2009年にSassのよりシンプルな代替としてLessを作成しました。Bootstrap 3（2013年）がデフォルトプリプロセッサとしてLessを使用し、広く採用されました。Bootstrap 4がSassに切り替え、Lessの使用は減少しています。