grunt-recess

Lint and minify CSS and LESS using RECESS

Issues with the output should be reported on the RECESS issue tracker.

Install

$ npm install --save-dev grunt-recess

Usage

Lint

require('load-grunt-tasks')(grunt); // npm install --save-dev load-grunt-tasks

grunt.initConfig({
    recess: {
        dist: {
            src: ['src/main.css']
        }
    }
});

grunt.registerTask('default', ['recess']);

Lint and compile

recess: {
    dist: {
        options: {
            compile: true
        },
        files: {
            'dist/main.css': 'src/main.less'
        }
    }
}

A destination is only needed when compile: true. It won't output any warnings in this mode. You can also specify .less files and they will be compiled.

Options

// Default
compile: false                 // Compiles CSS or LESS. Fixes white space and sort order.
compress: false                // Compress your compiled code
noIDs: true                    // Doesn't complain about using IDs in your stylesheets
noJSPrefix: true            // Doesn't complain about styling .js- prefixed classnames
noOverqualifying: true        // Doesn't complain about overqualified selectors (ie: div#foo.bar)
noUnderscores: true            // Doesn't complain about using underscores in your class names
noUniversalSelectors: true    // Doesn't complain about using the universal * selector
prefixWhitespace: true        // Adds whitespace prefix to line up vender prefixed properties
strictPropertyOrder: true    // Complains if not strict property order
zeroUnits: true                // Doesn't complain if you add units to values of 0
includePath: mixed            // Additional paths to look for `@import`'ed LESS files.  Accepts a string or an array of strings.

License

MIT © Sindre Sorhus