ZurbInkBundle + SCSS

[aggiustino]

Any suggestions on how to customise foundation.css with custom color variables? I was trying to use and extend the original SCSS to generate the style on the fly (maybe with ascetic) but seems to be a little tricky since they are not included in your repo. Thanks! ;-)

[GenieTim]

The following worked for me: (not very nice way, but it works)

• install zurb foundation sass as described here: http://foundation.zurb.com/emails/docs/sass.html
• don't forget to add the sass folder to the import_paths
• write your sass stylesheet, import your settings and foundation-emails
• in the Twig template, you can add the style like this:

    {% stylesheets '@AcmeBundle/Resources/public/css/myemailstyle.scss' filter = 'compass,autoprefixer,cssrewrite' output = 'css/email.css' %}
          {{ zurb_ink_styles.add("../../web/css/email.css") }}
    {% endstylesheets %}

The standard path of zurb_ink_styles.add is %kernel.root_dir%/app/Resources, that is where you have to get the escape ("../..") first before being able to change to the compile-to directory.