Skip to content

Instantly share code, notes, and snippets.

View grace-snow's full-sized avatar
🌈
Lovin learnin Vue, interested in Design Systems. Feedback always welcome

Grace Snow, CPACC grace-snow

🌈
Lovin learnin Vue, interested in Design Systems. Feedback always welcome
View GitHub Profile
<!-- Clear Spacer : BEGIN -->
<tr>
<td aria-hidden="true" height="40" style="font-size: 0; line-height: 0;">
&nbsp;
</td>
</tr>
<!-- Clear Spacer : END -->
<!-- 1 Column Text + Button + 1 Column Text : BEGIN -->
<tr>
<td bgcolor="#ffffff">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="padding: 40px; font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 18px; line-height: 140%; color: {{color-body}};">
<p style="margin: 0;">
Text
</p>
<!-- Hero Image, Flush : BEGIN -->
<tr>
<td bgcolor="#ffffff" align="center">
<img src="[TO-DO]" width="600" height="[TO-DO]" alt="[TO-DO]" border="0" align="center" style="width: 100%; max-width: 600px; height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 140%; color: #555555; margin: auto;" class="g-img">
</td>
</tr>
<!-- Hero Image, Flush : END -->
<!-- 2 Even Columns, Img + Text : BEGIN -->
<tr>
<td bgcolor="#ffffff" align="center" height="100%" valign="top" width="100%" style="padding-bottom: 40px">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center" width="100%" style="max-width:560px;">
<tr>
<td align="center" valign="top" width="50%">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="font-size: 14px;text-align: left;">
<tr>
<td style="text-align: center; padding: 0 10px;">
<img src="[TO-DO]" width="200" height="[TO-DO]" alt="[TO-DO]" border="0" align="center" style="width: 100%; max-width: 200px; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 140%; color: #555555;">
@grace-snow
grace-snow / include-transactional-product-variables
Created November 28, 2017 15:17
Jekyll include for transactional emails
{% include transactional/vars-{{page.product | replace: " ", "-"}}.html %}
<!-- 1 Column Text : BEGIN -->
<tr>
<td bgcolor="#ffffff">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="padding: 40px; font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 18px; line-height: 140%; color: {{color-body}};">
<p style="margin: 0;">
text
</p>
</td>
---
layout: transactional/transactional-main
product: "Nexus / Perspective / Perspective Lite / Balance"
category:
- triggers
- transactional
- nexus
- psp--all
- psp--full
@grace-snow
grace-snow / .csscomb.json
Created January 4, 2020 10:22
Css Comb config
{
"remove-empty-rulesets": true,
"always-semicolon": true,
"color-case": "upper",
"block-indent": " ",
"color-shorthand": true,
"element-case": "lower",
"eof-newline": true,
"leading-zero": true,
"quotes": "single",

Highlighting

2gua.rainbow-brackets - bracket highlights
cobaltblu27.rainbow-highlighter - highlight multiple variables you select
SirTori.indenticator - highlights indent level
vincaslt.highlight-matching-tag
luqimin.velocity - velocity syntax highlighting used in HSV / L2S theme portals
letrieu.expand-region - Expand selected text out from current selection

Comments