July 24, 2012

Statamic SASS Plugin

Statamic Lets you use SASS/SCSS in your templates. Features:

• Mature SASS parser from PHPSass
• Sane production ready defaults
• Simple dev mode switch

Get the Statamic SASS plugin at GitHub.

Example

<link rel="stylesheet" href="{{ sass src='scss/myfile.scss' }}">

Parameters

• src = The path to your SASS/SCSS file in your theme
• dev = true is equivalent to: style="nested" update="always" error="die"
• style = how the output CSS if formatted
  • compact: single line per selector (default)
  • compressed: minimal whitespace
  • expanded: human readable multi-line style
  • nested: mimics sass indent structure
• update = what events expire the cached CSS
  • dir: update CSS file if any SASS/SCSS file is changed in the same folder (default)
  • file: update CSS only when the file referenced by src is updated
  • always: update CSS every time - for development
• error = how to handle errors
  • ignore: use last generated CSS, if any (default)
  • echo: inject into output stream with echo
  • die: echo error to output and exit
• debug_info = true will add debug info to the CSS file for the FireSass Firebug extension
• line_numbers = true will add SCSS line numbers references to CSS file