less-vars

show variable definitions and values


Keywords
compile less, css nesting, css variable, css, gradients css, gradients css3, less compiler, less css, less mixins, less, less.js, lesscss, mixins, nested css, parser, preprocessor, bootstrap css, bootstrap less, style, styles, stylesheet, variables in css, css less
License
Apache-2.0
Install
npm install less-vars@2.5.1

Documentation

less-vars

Debug your less: less-vars shows how variables are defined progressively in your less files, showing where they are defined and what values they evaluate to.

npm install less-vars

in my.less:

@variable: blue;
@variable: red;

@other: lighten(@variable, 10%);

.test {
  color: @variable;
  background-color: @variable;
}

Then less-vars my.less:

.../my.less(1): @variable: blue; => blue
.../my.less(2): @variable: red; => red
.../my.less(4): @other: lighten(@variable, 10%); => #ff3333