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.
  • It is designed for dynamic usages using JavaScript which compiles faster than other CSS pre-processor.
  • 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 was originally designed by Alexis Sellier in the year 2009. LESS is an open-source language easy to learn and understand. The very first version of LESS was written in Ruby. While, in the next versions, the use of Ruby was replaced by a more simple language JavaScript.

LESS features:

  • 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 based on a simple and complete language JavaScript and is a superset of CSS.
  • 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.
My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.


Article Tags :

Be the First to upvote.


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.