ContentRenderer
1 month ago
class-html2text-exception.php
10 months ago
class-html2text.php
10 months ago
class-renderer.php
1 month ago
interface-css-inliner.php
1 year ago
template-canvas.css
1 month ago
template-canvas.php
1 month ago
template-canvas.css
90 lines
| 1 | /* Base CSS rules to be applied to all emails */ |
| 2 | /* Created based on original MailPoet template for rendering emails */ |
| 3 | /* StyleLint is disabled because some rules contain properties that linter marks as unknown (e.g. mso- prefix), but they are valid for email rendering */ |
| 4 | /* stylelint-disable property-no-unknown */ |
| 5 | body { |
| 6 | margin: 0; |
| 7 | padding: 0; |
| 8 | -webkit-text-size-adjust: 100%; /* From MJMJ - Automatic test adjustment on mobile max to 100% */ |
| 9 | -ms-text-size-adjust: 100%; /* From MJMJ - Automatic test adjustment on mobile max to 100% */ |
| 10 | word-spacing: normal; |
| 11 | } |
| 12 | |
| 13 | a { |
| 14 | text-decoration: none; |
| 15 | } |
| 16 | |
| 17 | .email_layout_wrapper { |
| 18 | margin: 0 auto; |
| 19 | width: 100%; |
| 20 | } |
| 21 | |
| 22 | .email_content_wrapper { |
| 23 | font-size: inherit; |
| 24 | } |
| 25 | |
| 26 | .email_footer { |
| 27 | text-align: center; |
| 28 | } |
| 29 | |
| 30 | /* https://www.emailonacid.com/blog/article/email-development/tips-for-coding-email-preheaders */ |
| 31 | .email_preheader, |
| 32 | .email_preheader * { |
| 33 | color: #fff; |
| 34 | display: none; |
| 35 | font-size: 1px; |
| 36 | line-height: 1px; |
| 37 | max-height: 0; |
| 38 | max-width: 0; |
| 39 | mso-hide: all; |
| 40 | opacity: 0; |
| 41 | overflow: hidden; |
| 42 | -webkit-text-size-adjust: none; |
| 43 | visibility: hidden; |
| 44 | } |
| 45 | |
| 46 | @media screen and (max-width: 660px) { |
| 47 | .email-block-column-content { |
| 48 | max-width: 100% !important; |
| 49 | } |
| 50 | .block { |
| 51 | display: block; |
| 52 | width: 100% !important; |
| 53 | } |
| 54 | |
| 55 | /* Ensure proper width of columns on mobile when we set 100% and a border is set */ |
| 56 | .email-block-column { |
| 57 | box-sizing: border-box; |
| 58 | } |
| 59 | |
| 60 | /* We set width to some tables e.g. for wrappers of horizontally aligned images and we force width 100% on mobile */ |
| 61 | .email-table-with-width { |
| 62 | width: 100% !important; |
| 63 | } |
| 64 | |
| 65 | /* Flex Layout */ |
| 66 | .layout-flex-wrapper, |
| 67 | .layout-flex-wrapper tbody, |
| 68 | .layout-flex-wrapper tr { |
| 69 | display: block !important; |
| 70 | width: 100% !important; |
| 71 | } |
| 72 | |
| 73 | .layout-flex-item { |
| 74 | display: block !important; |
| 75 | padding-bottom: 8px !important; /* Half of the flex gap between blocks */ |
| 76 | padding-left: 0 !important; |
| 77 | padding-right: 0 !important; |
| 78 | width: 100% !important; |
| 79 | } |
| 80 | |
| 81 | .layout-flex-item table, |
| 82 | .layout-flex-item td { |
| 83 | box-sizing: border-box !important; |
| 84 | display: block !important; |
| 85 | width: 100% !important; |
| 86 | } |
| 87 | /* Flex Layout End */ |
| 88 | } |
| 89 | /* stylelint-enable property-no-unknown */ |
| 90 |