Less

Source file extensions: .less

.less files are processed with Less.

foo.less will generate a foo.css file in output.

Import in Javascript/Typescript

.less are imported like .css.

See css for more details

References

Quick example

style.less

// Variables
@link-color: #428bca; // sea blue
@link-color-hover: darken(@link-color, 10%);

// Usage
a,
.link {
  color: @link-color;
}
a:hover {
  color: @link-color-hover;
}
.widget {
  color: #fff;
  background: @link-color;
}