Email renderers: Adjust CSS for compatibility with css-inline

This commit is contained in:
Raphael Michel
2021-06-13 21:45:28 +02:00
parent b3edb82ffd
commit d181241a63
2 changed files with 32 additions and 12 deletions

View File

@@ -11,19 +11,23 @@
background-position: top; background-position: top;
background-repeat: repeat-x; background-repeat: repeat-x;
font-family: "Open Sans", "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Open Sans", "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px; font-size: 16px;
line-height: 20px; line-height: 20px;
color: #333; color: #333;
margin: 0; margin: 0;
padding-top: 20px; padding-top: 20px;
} }
table.layout > tr > td { table.layout > tr > td,
table.layout > tbody > tr > td,
table.layout > thead > tr > td {
background-color: white; background-color: white;
padding: 0; padding: 0;
} }
table.layout > tr > td.header { table.layout > tr > td.header,
table.layout > tbody > tr > td.header,
table.layout > thead > tr > td.header {
padding: 0 20px; padding: 0 20px;
text-align: center; text-align: center;
} }
@@ -151,10 +155,14 @@
font-size: 12px; font-size: 12px;
} }
.cart-table > tr > td:first-child { .cart-table > tr > td:first-child,
.cart-table > tbody > tr > td:first-child,
.cart-table > thead > tr > td:first-child {
width: 40px; width: 40px;
} }
.order-details > tr > td:first-child { .order-details > tr > td:first-child,
.order-details > tbody > tr > td:first-child,
.order-details > thead > tr > td:first-child {
width: 20%; width: 20%;
} }
.order-details td { .order-details td {

View File

@@ -13,23 +13,29 @@
background-position: top; background-position: top;
background-repeat: repeat-x; background-repeat: repeat-x;
font-family: "Open Sans", "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Open Sans", "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px; font-size: 16px;
line-height: 20px; line-height: 20px;
color: #333; color: #333;
margin: 0; margin: 0;
padding-top: 20px; padding-top: 20px;
} }
table.layout > tr > td { table.layout > tr > td,
table.layout > tbody > tr > td,
table.layout > thead > tr > td {
background-color: white; background-color: white;
padding: 0; padding: 0;
} }
table.layout > tr > td.logo { table.layout > tr > td.logo,
table.layout > tbody > tr > td.logo,
table.layout > thead > tr > td.logo {
padding: 20px 0 0 0; padding: 20px 0 0 0;
} }
table.layout > tr > td.header { table.layout > tr > td.header,
table.layout > tbody > tr > td.header,
table.layout > thead > tr > td.header {
padding: 0 20px; padding: 0 20px;
text-align: center; text-align: center;
} }
@@ -130,7 +136,9 @@
vertical-align: top; vertical-align: top;
text-align: left; text-align: left;
} }
table.layout > tr > td.containertd { table.layout > tr > td.containertd,
table.layout > tbody > tr > td.containertd,
table.layout > thead > tr > td.containertd {
padding: 15px 0; padding: 15px 0;
} }
@@ -162,10 +170,14 @@
font-size: 12px; font-size: 12px;
} }
.cart-table > tr > td:first-child { .cart-table > tr > td:first-child,
.cart-table > tbody > tr > td:first-child,
.cart-table > thead > tr > td:first-child {
width: 40px; width: 40px;
} }
.order-details > tr > td:first-child { .order-details > tr > td:first-child,
.order-details > tbody > tr > td:first-child,
.order-details > thead > tr > td:first-child {
width: 20%; width: 20%;
} }
.order-details td { .order-details td {