Как я полюбил LESS и с его помощью избавился от копипасты в своём CSS-коде, а разметку сделал семантической

[johnfound]

Я лично использую clessc и доволен. Есть какие-то несоответствия с «стандартом», но незначительные.

[vladislav_lukashenko]

Спасибо за подробный разбор LESS, действительно, для многих он остаётся лёгким и практичным инструментом при работе с CSS. Но хотел бы поделиться рядом замечаний и идей для улучшения статьи:

1. Я не до конца понял. Ты используешь такой код:

.button {
  .blue-arial-element;
}

Однако .blue-arial-element объявлен как обычный селектор, а не миксин. Чтобы он работал как миксин, его нужно либо определить внутри миксин-блока, либо явно использовать конструкцию & или структуру с (), если нужны параметры. Если я правильно понимаю, то вот так:

.blue-arial-element() {
  background-color: blue;
  color: white;
  font-family: Arial;
  font-size: 12px;
}

.button {
  .blue-arial-element();
}

Если же .blue-arial-element — не миксин, а CSS-правило, ты просто включаешь одно правило в другое, что не поддерживается напрямую в LESS. Или я не прав и уже работает?

2. Ты упомянул, что LESS «проще» SASS, так как написан на JavaScript и «удобно расширяется». Это справедливо, но стоит уточнить, что SASS/SCSS, всё ещё гораздо популярнее в корпоративных фронтенд-стэках (особенно SCSS-синтаксис). SASS поддерживает более мощные фичи, включая @use, @forward и полноценный модульный подход, который LESS не реализует так гибко.

3.Было бы честно добавить, что LESS не поддерживает кастомные функции вне JS (в отличие от SASS, который позволяет писать функции на SASS-языке). Сложно интегрировать LESS с Tailwind CSS или CSS-in-JS решениями, которые сейчас активно развиваются.

[grimcap]

1. Давно работает. Миксины нужны возможно только для прокидывания туда переменных

2. Вместо @use и @forward в Less есть @import. Популярность не значит качество и тем более хмхм удобство?. jQuery и бутстрап до сих пор популярны. А для своих и новых проектов стоит использовать лучшее, а не обязательно популярное

3. В Less вместо функций есть миксины (что удобнее) и плагины Tailwind не соответствует парадигме CSS. Это вообще средство для быстрого прототиприрования. А less>css - для построения работающих продуктов. Поэтому интеграция одного в другое в целом некорректна

[boulder]

Как минимум, оператор :is() уже несколько лет как доступен широким массам в самом CSS ;)
https://developer.mozilla.org/ru/docs/Web/CSS/:is