Swift Mailer

Theme e-mails with Sass and Twig variables. The compiled styling is embedded in the Swift Mailer template.

Sass:

@import "sass-essentials";

body {}

.swiftmailer {
  &__outer-table {}
  &__content {}
  &__footer {}
}

Twig variables:

{% set vars =
  {
    'mail_width': '600',
    'logo_file': site_name|clean_class ~ '-logo.png',
    'logo_width': '200',
    'logo_height': '100'
  }
%}

Embedded CSS:

<head>
  <style type="text/css">
  {# Embed compiled css. #}
  {% include '@compony/swiftmailer/dist/swiftmailer.css' ignore missing %}
  </style>
</head>

Machine name

swiftmailer

Built upon

swiftmailer

Perks

Using Sass

Drawbacks

Not responsive
Not accessible

Building blocks

HTML
CSS

Stats

Public component
7 downloads
1 commit
No open issue

Contributors