EXT: Sassify¶

Is the SCSS syntax supported?¶

Yes. Sassify uses PHamlP which supports both Sass syntaxes.

Is it compatible to the Ruby Sass Gem?¶

Almost. The PhamlP Sass parser does not support the full set of Sass syntax and uses an older version of the Compass extension. We are planning to introduce the Ruby Sass compiler as an alternative to the pure PHP compiler.

How are Sass files compiled?¶

Sassify relies on the PHamlP library (http://code.google.com/p/phamlp/) which is a PHP port of the famous haml & sass ruby gems. We use a forked version because the official PhamlP library is no longer maintained.

My changes to Sass files are not visible in the frontend. What can I do?¶

You have to enable the development mode of sassify (plugin.tx_sassify_plugin.development) to enable re-compilation of existing files. You should not enable this in production environments! With the new symlinkOutput feature, all compiled files (even with custom output targets) will be placed in a temporary folder and cleaned up on “Clear all caches”. This will cause a re-compilation of all configured Sass stylesheets on the next frontend request.

development¶

symlinkOutput¶

forceSymlinks¶

style¶

extensions.[extensionName]¶

plugin.tx_sassify_plugin {
  extensions {
    compass = 1
  }
}

debugInfo¶

showExceptions¶

cache¶

stylesheets.10,¶

plugin.tx_sassify_plugin {
  stylesheets {
    10 = fileadmin/sass/site.scss
    20 = fileadmin/sass/special.scss
  }
}

stylesheets.[key].media¶

stylesheets.[key].output¶

plugin.tx_sassify_plugin {
  stylesheets {
    10 = fileadmin/sass/site.scss
    10.output = fileadmin/sass/site.css
  }
}

stylesheets.[key].filenameWrap¶

stylesheets.[key].linkWrap¶

plugin.tx_sassify_plugin {
  stylesheets {
    10 = fileadmin/sass/site.scss
    10.linkWrap.wrap = <!--[if IE 7]>|<![endif]-->
  }
}

[plugin.tx_sassify_plugin]

((generated))¶

plugin.tx_sassify_plugin {
  debugInfo = 1
  showExceptions = 1
  stylesheets {
    10 = test.scss
    10.filenameWrap.wrap = fileadmin/sass/|
    10.media = screen
    10.linkWrap.wrap = <!-- my first sass stylesheet --> |
  }
}