https://github.com/dalee/less-plugin-resolve-blocks

Simple less plugin to resolve blocks
https://github.com/dalee/less-plugin-resolve-blocks

less less-plugin

Last synced: 14 days ago
JSON representation

Simple less plugin to resolve blocks

• Host: GitHub
• URL: https://github.com/dalee/less-plugin-resolve-blocks
• Owner: Dalee
• License: mit
• Created: 2016-12-03T02:44:50.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-12-06T23:32:39.000Z (over 9 years ago)
• Last Synced: 2025-08-22T04:12:28.034Z (9 months ago)
• Topics: less, less-plugin
• Language: JavaScript
• Homepage:
• Size: 8.79 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# less-plugin-resolve-blocks

[![Build Status](https://travis-ci.org/Dalee/less-plugin-resolve-blocks.svg?branch=master)](https://travis-ci.org/Dalee/less-plugin-resolve-blocks)

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

Consider having two files:

```less

// 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

```