wintersmith-node-sass-sass

wintersmith-node-sass

Wintersmith plugin that compiles sass files using node-sass and optionally minifies them using clean-css.

Installing

Install globally or locally using npm

npm install [-g] wintersmith-node-sass-sass

and add wintersmith-sass to your config.json

{
    "plugins": [
        "wintersmith-node-sass"
    ]
}

Imports and Templates

The plugin will compile each .scss and .sass file in the contents folder to a .css file in the build folder. If you want to include files without compiling them just place the .scss files in the template directory instead of the contents directory.

Configuration

Minifying

Minifying of css files can be turned off using the config.json

{
    "node-sass": [
        "minify": false
    ]
}

Extra options for clean-css can also be set using the config.json

{
    "clean-css": {
        "keepBreaks": true,
        "removeEmpty": true
    }
}

Includes

If you want to add include directories for node-sass add them in the includePaths property

{
    "node-sass": {
        "includePaths": [
            "./styles"
        ]
    }
}