Introduction to LESS
LESS is a simple CSS pre-processor that makes it possible to create manageable, customizable, and reusable style sheets for websites. LESS is a dynamic style sheet language that increases the working power of CSS. LESS is cross-browser compatible. CSS pre-processor is a scripting language that improves CSS and gets compiled into regular CSS syntax so that it can be used by the web browser. This also provides functionalities like variables, functions, mixins, and operations that enable us to build dynamic CSS.
Why use LESS?
- LESS helps in creating a cleaner, cross-browser compatible CSS faster and easier.
- LESS keeps the code in standard way which makes it easy to read and modify.
- LESS variables make the maintenance of the code faster.
- LESS is cleaner and makes code easy to read and hence can be written in an organized way.
- Styles can be defined and then they can be reused throughout the code.
- LESS is an active tool that solves the problem of redundancy in code.
Advantages of LESS:
- LESS generates CSS easily that can work across different browsers.
- LESS enables users to write better and well-organized codes with the help of nesting.
- LESS variables makes the maintenance of the code faster.
- LESS enables the users to use the classes again and again easily by referencing them in the rule sets.
- LESS gives the users to use operations that makes the coding faster and saves a lot of time.
Disadvantages of LESS:
- For new users it is a tiring job to learn LESS if they don’t have knowledge of CSS.
- Due to the tight coupling between the modules, more efforts needs to be taken to use them again and test dependent modules.
- LESS, as compared with other older pre-processors, has less frameworks like SASS, which consists of Compass, Gravity and Susy frameworks.