mjmlhelper 2.2.2 → 2.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<mj-section>
|
|
2
2
|
<mj-column>
|
|
3
3
|
<!-- always provide an explicit link (otherwise outlook.com strips those tags) -->
|
|
4
|
-
<mj-button href="https://red.de">Button</mj-button>
|
|
4
|
+
<mj-button href="https://red.de" css-class="hover">Button</mj-button>
|
|
5
5
|
</mj-column>
|
|
6
6
|
</mj-section>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
<mj-section direction="ltr">
|
|
2
|
-
<mj-column width="50%" padding="0% 2%" css-class="mobile-full-width">
|
|
3
|
-
<mj-image src="_assets/276x165.jpg" />
|
|
4
|
-
</mj-column>
|
|
5
|
-
|
|
6
|
-
<mj-column width="50%" padding="0% 2%" css-class="no-mobile-full-width">
|
|
7
|
-
<mj-text>
|
|
8
|
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
|
|
9
|
-
</mj-text>
|
|
10
|
-
</mj-column>
|
|
11
|
-
</mj-section>
|
|
1
|
+
<mj-section direction="ltr">
|
|
2
|
+
<mj-column width="50%" padding="0% 2%" css-class="mobile-full-width">
|
|
3
|
+
<mj-image src="_assets/276x165.jpg" />
|
|
4
|
+
</mj-column>
|
|
5
|
+
|
|
6
|
+
<mj-column width="50%" padding="0% 2%" css-class="no-mobile-full-width">
|
|
7
|
+
<mj-text>
|
|
8
|
+
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
|
|
9
|
+
</mj-text>
|
|
10
|
+
</mj-column>
|
|
11
|
+
</mj-section>
|
package/boilerplate/index.mjml
CHANGED
|
@@ -8,9 +8,14 @@
|
|
|
8
8
|
|
|
9
9
|
<!-- custom fonts (only working for apple mail and iphone/ipad) -->
|
|
10
10
|
<mj-font name="Indie Flower" href="https://fonts.googleapis.com/css?family=Indie+Flower:400" />
|
|
11
|
+
<!-- prettier-ignore -->
|
|
11
12
|
<mj-style>
|
|
12
|
-
@font-face {
|
|
13
|
-
|
|
13
|
+
@font-face {
|
|
14
|
+
font-family: 'Custom';
|
|
15
|
+
font-style: normal;
|
|
16
|
+
font-weight: 400;
|
|
17
|
+
src: url('_assets/font.woff2') format('woff2');
|
|
18
|
+
}
|
|
14
19
|
</mj-style>
|
|
15
20
|
|
|
16
21
|
<mj-attributes>
|
|
@@ -42,13 +47,28 @@
|
|
|
42
47
|
<mj-class name="smallest" font-size="9px" line-height="13px" />
|
|
43
48
|
<mj-class name="strong" font-weight="bold" />
|
|
44
49
|
</mj-attributes>
|
|
50
|
+
<!-- prettier-ignore -->
|
|
45
51
|
<mj-style>
|
|
46
|
-
@media all and (max-width: 500px) {
|
|
47
|
-
|
|
52
|
+
@media all and (max-width: 500px) {
|
|
53
|
+
.mobile-hidden { display: none !important; }
|
|
54
|
+
}
|
|
55
|
+
a {
|
|
56
|
+
color: #333333;
|
|
57
|
+
text-decoration: none;
|
|
58
|
+
border: none;
|
|
59
|
+
}
|
|
60
|
+
.hover:hover td, .hover a:hover, .hover p:hover {
|
|
61
|
+
background-color:#00E18E !important;
|
|
62
|
+
}
|
|
48
63
|
</mj-style>
|
|
64
|
+
<!-- prettier-ignore -->
|
|
49
65
|
<mj-style inline="inline">
|
|
50
|
-
.link-nostyle {
|
|
51
|
-
|
|
66
|
+
.link-nostyle {
|
|
67
|
+
color: #333333; text-decoration: none; border: none;
|
|
68
|
+
}
|
|
69
|
+
.box-shadow {
|
|
70
|
+
box-shadow: 0px 0px 30px 0px #cecece;
|
|
71
|
+
}
|
|
52
72
|
</mj-style>
|
|
53
73
|
</mj-head>
|
|
54
74
|
<mj-body>
|
|
@@ -81,6 +101,8 @@
|
|
|
81
101
|
<!-- flexible="Columns Inline" -->
|
|
82
102
|
<mj-include path="_inc/columns-inline.mjml" />
|
|
83
103
|
<!-- /flexibles -->
|
|
104
|
+
|
|
105
|
+
<!-- this is intentionally not a flexible (just to test) -->
|
|
84
106
|
<mj-include path="_inc/simple.mjml" />
|
|
85
107
|
</mj-wrapper>
|
|
86
108
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mjmlhelper",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "mjmlhelper.js",
|
|
6
6
|
"dependencies": {
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"jsdom": "^22.1.0",
|
|
13
13
|
"mjml": "^4.14.1",
|
|
14
14
|
"nodemailer": "^6.9.5",
|
|
15
|
-
"npm": "^10.
|
|
15
|
+
"npm": "^10.2.0",
|
|
16
16
|
"onchange": "^7.1.0",
|
|
17
17
|
"prettier": "^3.0.3"
|
|
18
18
|
},
|