Simple less plugin to resolve blocks
JavaScript CSS
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
lib
test
.editorconfig
.eslintrc.json
.gitignore
.travis.yml
LICENSE
README.md
index.js
package.json

README.md

less-plugin-resolve-blocks

Build Status

Simple file management plugin to resolve blocks inside less-files.

Consider having two files:

// blocks/b-main/b-main.less:
@nice-blue: #5B83AD;


// blocks/b-text/b-text.less:
@import "block:b-main";

p {
	color: @nice-blue;
}

When plugin finds import pattern like block:something it starts going up the tree trying to find folder something on each level above.

Once the folder is found and there's something.less inside it, @import will be resolved into it.

Installation

$ npm install -g less-plugin-resolve-blocks

Usage

$ lessc file.less --plugin=less-plugin-resolve-blocks