https://github.com/kevcodez/vuejs-server-renderer-mjml
Example on how to combine VueJS (Server Renderer) with mjml to create responsive emails
https://github.com/kevcodez/vuejs-server-renderer-mjml
Last synced: 5 months ago
JSON representation
Example on how to combine VueJS (Server Renderer) with mjml to create responsive emails
- Host: GitHub
- URL: https://github.com/kevcodez/vuejs-server-renderer-mjml
- Owner: kevcodez
- Created: 2019-10-12T12:23:17.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-07-12T03:13:32.000Z (over 2 years ago)
- Last Synced: 2025-04-22T17:58:53.586Z (10 months ago)
- Language: JavaScript
- Size: 208 KB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Full example source code for the blog post
https://kevcodez.de/posts/2019-10-12-responsive-emails-vuejs-mjml/
----
```sh
yarn
node render.js
```
```html
#outlook a { padding:0; }
body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
p { display:block;margin:13px 0; }
@media only screen and (min-width:480px) {
.mj-column-per-100 { width:100% !important; max-width: 100%; }
}
Hello kevcodez
```