Using Sass

If you like using Sass for writing CSS, you can. nanoc comes with a Sass filter by default.

Step 1: create an asset that'll hold your Sass stylesheet. Put your Sass code in the asset's content file and edit the asset's meta file so it looks something like this:

# Built-in
filters:  [ 'sass' ]
binary: false

# Custom

Step 2: compile the site. The CSS stylesheet will be compiled from the Sass stylesheet, and will be written into the output directory (by default inside the "assets" directory). You may also have to change the path to the stylesheet in your site layouts (either your <link> element or an @import directive in a <style> element).

Step 3: there is no step 3.