mshillam
/
responsive-html-email-signature
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Remove todos from html templates

This commit is contained in:
Dan Mindru 2019-09-03 23:33:19 +02:00 committed by Dan Mindru
parent 7cd7e53300
commit a04d8a225a
6 changed files with 146 additions and 144 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
templates/dark/dark.css
View File

@ -35,13 +35,17 @@ tr{
cellspacing: 0;
}
.sp{ /* Separator tr; props are actually contained by it's inner element atm. */ }
.sp {
/* Separator tr; props are actually contained by it's inner element atm. */
}
.sp__inner {
padding: 15px 0;
}
.spd{ /* Separator tr (double); props are actually contained by it's inner element atm. */ }
.spd {
/* Separator tr (double); props are actually contained by it's inner element atm. */
}
.spd__inner {
height: 60px;
@ -72,7 +76,6 @@ a{
font-size: 14px;
}
/*
* ================
* 3. Footer styles.
@ -91,7 +94,7 @@ a{
.footer--simple {
padding-bottom: 20px;
background-color: #FFFFFF;
background-color: #ffffff;
}
.footer--simple tr td {
@ -106,20 +109,20 @@ a{
.footer__main__signature {
font-size: 14px;
color: #f5f5f5;
/* @todo gulp-inline-css doesn't parse align */
/* @todo gulp-inline-css doesn't parse align; it needs to be duplicated in the HTML template */
align: left;
}
.footer__main__col1 {
width: 70%;
margin-bottom: 40px;
/* @todo gulp-inline-css doesn't parse align */
/* @todo gulp-inline-css doesn't parse align; it needs to be duplicated in the HTML template */
align: left;
}
.footer__main__col1__td {
color: #9E9E9E;
/* @todo gulp-inline-css doesn't parse align */
color: #9e9e9e;
/* @todo gulp-inline-css doesn't parse align; it needs to be duplicated in the HTML template */
align: left;
padding-top: 15px;
}
@ -137,14 +140,14 @@ a{
.footer__main__col2 {
width: 30%;
/* @todo gulp-inline-css doesn't parse align */
/* @todo gulp-inline-css doesn't parse align; it needs to be duplicated in the HTML template */
align: right;
}
.footer__main__col2__td {
font-size: 14px;
color: #f5f5f5;
/* @todo gulp-inline-css doesn't parse align */
/* @todo gulp-inline-css doesn't parse align; it needs to be duplicated in the HTML template */
align: right;
}

9
templates/dark/footer.inc.html
View File

@ -1,19 +1,18 @@
<td class="footer">
<table class="rbcc footer__main">
<tr>
<!-- @todo gulp-inline-css doesn't parse align -->
<td class="footer__main__signature" align="left">
<!-- @echo signature --><br />
<strong><!-- @echo name --></strong><br />
</td>
</tr>
<tr class="spd"><td class="spd__inner"></td></tr>
<tr class="spd">
<td class="spd__inner"></td>
</tr>
<tr>
<!-- @todo gulp-inline-css doesn't parse align -->
<table class="rbcc footer__main__col2" align="right">
<!-- @todo gulp-inline-css doesn't parse align -->
<td class="footer__main__col2__td" align="right">
<a href="<!-- @echo website -->">
<img src="<!-- @echo logoUrl -->" alt="<!-- @echo logoAlt -->" class="footer__main__col2__td__img" />
@ -21,9 +20,7 @@
</td>
</table>
<!-- @todo gulp-inline-css doesn't parse align -->
<table class="rbcc footer__main__col1" align="left">
<!-- @todo gulp-inline-css doesn't parse align -->
<td class="footer__main__col1__td" align="left">
<span><!-- @echo slogan --></span><br />
<!-- @echo contactMain -->

8
templates/dark/signature-reply.html
View File

@ -1,16 +1,18 @@
<!-- @include head.inc.html -->
<body>
<br/> <!-- <br/> Makes it easier to add text when composing -->
<br />
<!-- <br/> Makes it easier to add text when composing -->
<table class="main rbcc">
<tr class="sp"><td class="sp__inner"></td></tr>
<tr class="sp">
<td class="sp__inner"></td>
</tr>
<tr class="rbcc">
<td class="footer footer--simple">
<table class="rbcc footer__main">
<tr>
<!-- @todo gulp-inline-css doesn't parse align -->
<td class="footer__main__signature" align="left">
<!-- @echo signature --><br />
<!-- @echo name --><br />

8
templates/light/footer.inc.html
View File

@ -1,7 +1,6 @@
<td class="footer">
<table class="rbcc footer__main">
<tr>
<!-- @todo gulp-inline-css doesn't parse align -->
<td class="footer__main__signature" align="left">
<!-- @echo signature --><br />
<!-- @echo name --><br />
@ -11,20 +10,17 @@
<td><hr class="gray-hr" /></td>
</tr>
<tr>
<!-- @todo gulp-inline-css doesn't parse align -->
<table class="rbcc footer__main__col1" align="left">
<td class="footer__main__col1__td" align="left">
<strong>
<!-- @echo contactMain -->
<a href="mailto:<!-- @echo contactMail -->" target="_blank"><!-- @echo contactMail --></a>
</strong><br />
<a href="mailto:<!-- @echo contactMail -->" target="_blank"><!-- @echo contactMail --></a> </strong
><br />
<!-- @echo contactSecondary -->
</td>
</table>
<!-- @todo gulp-inline-css doesn't parse align -->
<table class="rbcc footer__main__col2" align="right">
<!-- @todo gulp-inline-css doesn't parse align -->
<td class="footer__main__col2__td" align="right">
<a href="<!-- @echo website -->">
<img src="<!-- @echo logoUrl -->" alt="<!-- @echo logoAlt -->" class="footer__main__col2__td__img" />

25
templates/light/light.css
View File

@ -40,20 +40,24 @@ tr{
padding-top: 15px;
}
.sp{ /* Separator tr; props are actually contained by it's inner element atm. */ }
.sp {
/* Separator tr; props are actually contained by it's inner element atm. */
}
.sp__inner {
padding: 15px 0;
}
.gray-hr{ /* 100% width light grey line; props are actually contained by inner elements atm. */ }
.gray-hr {
/* 100% width light grey line; props are actually contained by inner elements atm. */
}
.gray-hr td {
width: 100%;
}
.gray-hr hr {
border-bottom:1px solid #E4E4E4;
border-bottom: 1px solid #e4e4e4;
border-top: none;
margin-bottom: 20px;
margin-top: 20px;
@ -86,7 +90,6 @@ a{
font-size: 14px;
}
/*
* ================
* 3. Footer styles.
@ -96,7 +99,7 @@ a{
background-color: #f5f5f5;
padding: 20px 30px 0px 30px;
color: #888;
border-top: 8px solid #EAEAEA;
border-top: 8px solid #eaeaea;
}
.footer a {
@ -105,7 +108,7 @@ a{
.footer--simple {
padding-bottom: 20px;
background-color: #FFFFFF;
background-color: #ffffff;
}
.footer__main {
@ -116,21 +119,21 @@ a{
.footer__main__signature {
font-size: 14px;
color: #888;
/* @todo gulp-inline-css doesn't parse align */
/* @todo gulp-inline-css doesn't parse align; it needs to be duplicated in the HTML template */
align: left;
}
.footer__main__col1 {
width: 70%;
margin-bottom: 30px;
/* @todo gulp-inline-css doesn't parse align */
/* @todo gulp-inline-css doesn't parse align; it needs to be duplicated in the HTML template */
align: left;
}
.footer__main__col1__td {
font-size: 14px;
color: #888;
/* @todo gulp-inline-css doesn't parse align */
/* @todo gulp-inline-css doesn't parse align; it needs to be duplicated in the HTML template */
align: left;
}
@ -142,14 +145,14 @@ a{
.footer__main__col2 {
width: 30%;
/* @todo gulp-inline-css doesn't parse align */
/* @todo gulp-inline-css doesn't parse align; it needs to be duplicated in the HTML template */
align: right;
}
.footer__main__col2__td {
font-size: 14px;
color: #888;
/* @todo gulp-inline-css doesn't parse align */
/* @todo gulp-inline-css doesn't parse align; it needs to be duplicated in the HTML template */
align: right;
}

5
templates/light/signature-reply.html
View File

@ -3,13 +3,14 @@
<body>
<br />
<table class="main rbcc">
<tr class="sp"><td class="sp__inner"></td></tr>
<tr class="sp">
<td class="sp__inner"></td>
</tr>
<tr class="rbcc">
<td class="footer footer--simple">
<table class="rbcc footer__main">
<tr>
<!-- @todo gulp-inline-css doesn't parse align -->
<td class="footer__main__signature" align="left">
<!-- @echo signature --><br />
<!-- @echo name --><br />