Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
46 lines (35 sloc) 2.44 KB

less CSS Resource plugin

This plugin is designed to optimize the use of .less css files. The processing will compile specified .less files into their .css counterparts, and place the css into the processing chain to be available to the other resource plugin features. The plugin uses the Asual Less Engine to compile the .less files using Mozilla Rhino. The plugin uses the Resources plugin and plays nicely with both the zipped and cached resources plugins.

LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. Read more

Installation

grails install-plugin lesscss-resources

Usage

An Example of using both .less and .css files together in a bundle

'style' {
        resource url:'less/test.less',attrs:[rel: "stylesheet/less", type:'css'], bundle:'bundle_style'
        resource url:'css/normal.css'
        resource url:'css/normal2.css'
    }

Import

LESS supports importing of other less/css files. This is supported in lesscss-resources

@import 'imported_style.less';

Note that the files to be imported are not part of the resources bundle, so any changes will not trigger a rebuild of the resource.

Required Settings for LESS

  • url: The location of the .less file
  • attrs[rel]: should be set to stylesheet/less for compatibility reasons
  • attrs[type]: must be set to css for resources to process
  • bundle: Must be set as will not default correctly. To add to default bundle use 'bundle_"

See the Resources plugin for more details on available configurations

Changelog

1.3.0 - Breaking Chnage - Asual LessCSS compiler has been replaced with lesscss-java

Issues

  • Must specify the default bundle manually as this is calculated based on file extension by default.
  • When debug is switched on there is currently no way to fall back to the standard LESS javascript support. The less files will be rendered unprocessed

Special Thanks

The guys at Asual who created the lesscss complier, with does all the heavy lifting.

Jump to Line
Something went wrong with that request. Please try again.