Skip to main content

LESS

Table of Contents​

SASS vs LESS​

  • SCSS uses the symbol $ for variable definitions and LESS uses @.
  • Since CSS also uses the @ for media queries and imports and as animation keyframes, this can create confusion for the developer.
  • On the other hand, the $ has no meaning in CSS.
  • The @ still exists within SCSS but it’s used for control directives only, such as @if , @else , @each, @for and @while.

Table of Contents ⬆️

Less.js​

Less provides the following features similar to Sass that you saw in previous chapter like variables, nesting, operators, mixins, and functions; however what makes Less different from other CSS precompilers is its ability to compile in real-time via less.js in the browser.

if condition