Less (Leaner Style Sheets)
Less adalah preprocessor CSS yang menambahkan variabel, mixin, nesting, dan fungsi ke CSS standar. File Less dikompilasi ke CSS biasa dan sangat populer dengan framework Bootstrap sebelum Sass menjadi lebih dominan.
Tipe MIME
text/x-less
Tipe
Teks
Kompresi
Lossless
Kelebihan
- + Variables and mixins reduce CSS repetition
- + Can compile in the browser without a build step
- + Simpler syntax than early Sass (no indentation rules)
Kekurangan
- − Declining ecosystem — Sass is more widely used
- − Native CSS custom properties replace many Less features
- − Fewer functions and features than modern Sass
Kapan Menggunakan .LESS
Gunakan Less untuk proyek yang sudah menggunakannya; untuk proyek baru, pilih Sass atau custom properties CSS native.
Detail Teknis
Less memperluas CSS dengan @variabel, definisi .mixin(), nesting, dan fungsi bawaan untuk manipulasi warna dan matematika. Dapat dikompilasi di browser (less.js) atau sisi server melalui Node.js.
Riwayat
Alexis Sellier membuat Less pada tahun 2009 sebagai alternatif yang lebih sederhana dari Sass. Bootstrap 3 (2013) menggunakan Less sebagai preprocessor defaultnya, mendorong adopsi luas. Bootstrap 4 beralih ke Sass, dan penggunaan Less menurun.