steal.static.less function

plugin: steal/less

Lets you build and compile Less css styles.

Less is an extension of CSS that adds variables, mixins, and quite a bit more. You can write css like:

@brand_color: #4D926F;
#header {
  color: @brand_color;
}
h2 {
  color: @brand_color;
}

Use

First, create a less file like:

@my_color red

body { color:  @my_color; }

Save this in a file named red.less.

Next, you have to require the steal/less plugin and then use steal.less to load your less style:

steal.plugins('steal/less').then(function(){
  steal.less('red');
});

Loads Less files relative to the current file. It's expected that all Less files end with less.

steal.less(path) -> steal

path {String+}

the relative path from the current file to the less file. You can pass multiple paths.

returns {steal}

returns the steal function.