vouchful
/ email-kit-guidelines-typography-responsive_class.css
Last active
December 31, 2019 19:12
Email Kit > Guidelines > Typography: Responsive class
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @media only screen and (max-width: 599px) | |
| { | |
| .p { | |
| font-size: 16px; | |
| line-height: 24px; | |
| } | |
| } |
vouchful
/ email-kit-guidelines-typography-system_font_stack.css
Last active
December 31, 2019 19:12
Email Kit > Guidelines > Typography: System font stack
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; | |
| } |
vouchful
/ email-kit-guidelines-typography-web_font_import.css
Last active
December 31, 2019 19:13
Email Kit > Guidelines > Typography: Web font import
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); |
vouchful
/ email-kit-guidelines-typography-web_font_link.html
Last active
December 31, 2019 19:13
Email Kit > Guidelines > Typography: Web font link
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet"> |
vouchful
/ email-kit-guidelines-typography-web_font_face.css
Last active
December 31, 2019 19:13
Email Kit > Guidelines > Typography: Web font face
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @font-face { | |
| font-family: 'Open Sans'; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format('woff2'); | |
| } |
vouchful
/ email-kit-guidelines-color-text_modifier.html
Last active
December 31, 2019 19:14
Email Kit > Guidelines > Color: Text modifier
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <tr> | |
| <td align="left" class="headline-one text-dark-gray"> | |
| Lorem Ipsum Dolor | |
| </td> | |
| </tr> |
vouchful
/ email-kit-guidelines-layouts-structure_email_container.html
Last active
December 31, 2019 19:15
Email Kit > Guidelines > Layouts: Structure with email container
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <center> | |
| <!-- Start Email Container --> | |
| <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="600" id="email-container"> | |
| <tbody> | |
| <tr> | |
| <td valign="top" id="email-body"> | |
| </td> | |
| </tr> | |
| </tbody> |
vouchful
/ email-kit-guidelines-layouts-structure_panel_container.html
Last active
December 31, 2019 19:15
Email Kit > Guidelines > Layouts: Structure with panel container
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <center> | |
| <!-- Start Email Container --> | |
| <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="600" id="email-container"> | |
| <tbody> | |
| <tr> | |
| <td valign="top" id="email-body"> | |
| <!-- Start Panel Container --> | |
| <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" class="panel-container"> | |
| <tbody> |
vouchful
/ email-kit-guidelines-layouts-table_rows.html
Last active
December 31, 2019 19:16
Email Kit > Guidelines > Layouts: Table rows
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <td class="panel-body"> | |
| <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> | |
| <tbody> | |
| <!-- Start Text --> | |
| <tr> | |
| <td align="left" class="headline-one text-primary"> | |
| Lorem Ipsum Dolor | |
| </td> | |
| </tr> | |
| <!-- End Text --> |
vouchful
/ email-kit-guidelines-layouts-table_columns.html
Last active
December 31, 2019 19:17
Email Kit > Guidelines > Layouts: Table columns
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Start Two Column Layout --> | |
| <tr> | |
| <td> | |
| <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> | |
| <tbody> | |
| <tr> | |
| <td align="left" valign="top" width="255"> | |
| <!-- Left Column --> | |
| </td> | |
| <td width="24"> |
OlderNewer