LESS-Mix - a little about LESS-mixing

Wonderful framework LESS allows you to greatly simplify the work with styles. One of its great features is the mixins. Mixing allows you to include all class properties in another class by simply including the class name as the value of one of the properties. This is similar to using variables, but with respect to whole classes. Mixing can behave like functions, and take arguments. The ability to mix and take arguments and manipulate them lies at the heart of mixture libraries such as LESS Elements , LESS Hat , LESS Mix, and the mixins.less component in Bootstrap .




Recently, I used LESS Elements and I had enough of it. It is very lightweight ( 6 kb. ) And has all the frequent use of mixing. But starting to work on more complex projects I lacked the ability to create multi-spot, radial gradients, angular gradients, multi-animations and more. Switch to heavy LESS Hat which weighs as much as 115 kb. did not want. Therefore, I simply created my less- file in which I collected all the admixtures I needed. Over time, the admixtures accumulated, I sorted them by categories and decided to share them with the world. This is how the LESS-Mix library appeared that has everything you need but weighs only 7.7 kb .
')
The library consists of 27 admixtures divided into 8 sections:

• Size and Position - mixing to work with the dimensions of the element and its positioning
• Gradient Tools - blending for easy and convenient creation of all types of gradients.
• Border Radius Tools - blending for working with rounded corners.
• Shadow Tools - blending to create shadows and glow elements.
• Transition Tools - mixing for working with animations and their options.
• Transform Tools - blending to work with transformations.
• More Tools - mixing to work with other options that are not included in the previous categories but which are necessary in the layout.
• Develop and Testing Tools - mixing is designed for developers and debugging. Include the options that are most often used in the development process.

The library supports multi-angle, radial gradients, angular gradients, multi-animations, multi-transformations, and especially convenient ones that can hide, select elements, hide text, and reset filters.

More information about the library and documentation in Russian can be found here:
LESS-Mix
GitHub repository:
denysdovhan / LESS-Mix

I am glad if the library will help you in the robot.
I would be grateful for both positive feedback and for objective criticism. I will especially be glad to hear suggestions for improvement!

Thanks for attention! Convenience in work!