less-vars

show variable definitions and values

Usage no npm install needed!

<script type="module">
  import lessVars from 'https://cdn.skypack.dev/less-vars';
</script>

README

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