Skip to content

Instantly share code, notes, and snippets.

@yshmarov

yshmarov/mailer.html.erb

Created June 29, 2021 09:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save yshmarov/03cdf8e98d61a9243dc65db35b679cc4 to your computer and use it in GitHub Desktop.
Save yshmarov/03cdf8e98d61a9243dc65db35b679cc4 to your computer and use it in GitHub Desktop.
Download ZIP
email layout styling example
Raw
mailer.html.erb
<% # frozen_string_literal: true %>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<scss>
body {
font-family: Helvetica, Arial, sans-serif;
.message {
width:600px;
border-top: 2px dashed;
border-bottom: 2px dashed;
padding: 2rem;
}
.note-link {
padding-bottom: 1rem;
}
}
table {
tr {
th, td {
text-align: left;
vertical-align: top;
font-family: Helvetica, Arial, sans-serif;
}
th {
padding-right: 10px;
}
}
&.full-width {
width: 100%;
}
}
p {
&.highlight-danger {
color: #dc3545;
}
&.highlight {
color: #fd7e14;
}
}
.highlight {
color: #fd7e14;
}
.green {
color: #28a745;
}
</scss>
</head>
<body>
<%= yield %>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment