Using compass/sass with Symfony 2

Question

I\'ve been googling around for an answer to this but haven\'t found exactly what I\'m looking for.

I\'m dipping my toes in the water of the Symfony framework having been

Answer 1

This looks like a job for Assetic and its Sass filter.

You can list all your sass files in main template directory and assetic will do the compressing for you.

Looks something like this (taken from link below):

{% stylesheets filters="compass"
    "@AlomMainBundle/Resources/assets/css/main.sass"
    "@AlomMainBundle/Resources/assets/css/header.sass"
    "@AlomMainBundle/Resources/assets/css/footer.sass"
%}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

A good explanation I've found on the internet is here: http://alexandre-salome.fr/blog/Sass-Compass-Assetic-In-Ten-Minutes

Answer 2

I ended up making a directory structure for my compass project in the main app/Resources folder. I've been able to create "bundle-specific" directories if I need them and then use Compass to compile the whole lot down to one main css file (also stored in app/Resources/public. I then use Assetic to "publish" (or whatever it does) that file into my web root using the normal method of including stylesheets into my base twig templates.