Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ZurbInkBundle + SCSS #22

Open
aggiustino opened this issue Jan 22, 2017 · 1 comment
Open

ZurbInkBundle + SCSS #22

aggiustino opened this issue Jan 22, 2017 · 1 comment

Comments

@aggiustino
Copy link

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
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants