LESS-Mix — немного о LESS-примешаниях

Замечательный фреймворк LESS ^[1] позволяет сильно упростить роботу со стилями. Одной из замечательных его возможностей есть примешания (mixins). Примешания позволяют включать все свойства класса в другой класс путем простого включения имени класса как значение одного из свойств. Это напоминает использование переменных, но в отношении целых классов. Примешивания могут вести себя как функции, и принимать аргументы. Именно возможность примешаний принимать аргументы и манипулировать ими лежит в основе библеотек примешаний, таких как LESS Elements ^[2], LESS Hat ^[3], LESS Mix ^[4] и компонента mixins.less в Bootstrap ^[5].

^[4]

К недавнему времени я пользовался LESS Elements и мне ее вполне хватало. Она очень легковесна (6 кб.) и имеет все частоиспользуемие примешания. Но начав работать над более сложными проектами мне не хватало возможности создавать мультитени, радиальные градиенты, угловые градиенты, мультианимации и другое. Переходить на тяжелый LESS Hat который весит целых 115 кб. не хотелось. Поэтому я просто создал свой less-файл в котором собирал все нужные мне примешания. Со временем примешания накопились, я их посортировал за категориями и решил поделится ими с миром. Так появилась библиотека LESS-Mix которая имеет все что нужно но весит только 7.7 кб.

Библиотека состоит из 27 примешаний разбитых на 8 секций:

• Size and Position — примешания для работы с размерами элемента и его позиционированием
• Gradient Tools — примешания для простого и удобного создания всех типов градиентов.
• Border Radius Tools — примешания для работы со скруглеными углами.
• Shadow Tools — примешания для создания теней и свечений єлементов.
• Transition Tools — примешания для работы с анимациями и их опциями.
• Transform Tools — примешания для работы с трансформациями.
• More Tools — примешания для работы с другими опциями, которые не входят в предидущие категории но которые необходимы в верстке.
• Develop and Testing Tools — примешания предназначены для разработчиков и дебагинга. Включают опции, которые наиболее часто используются в процесе разработки.

Библиотека поддерживает мультитени, радиальные градиенты, угловые градиенты, мультианимации, мультитрансформации и особенно удобными есть примешания из группы Develop and Testing Tools которые позволяют скрывать, выделять элементы, прятать текст и обнулять фильтры.

Больше информации о библиотеке и документацию на русском можно найти здесь:
LESS-Mix ^[4]
Репозиторий на GitHub:
denysdovhan/LESS-Mix ^[6]

Рад если библиотека поможет вам в роботе.
Буду благодарен как за положительные отзывы так и за объективную критику. Особенно буду рад услышать пожелания об усовершенствовании!

Спасибо за внимание! Удобства в работе!

Автор: denysd

Источник ^[7]