Skip to content

chore: update html resources #621

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jdrouet merged 5 commits into from
Apr 11, 2026
Merged

chore: update html resources #621

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
2a1ae16
test: update html resources with latest mjml output
jdrouet Apr 11, 2026
f5b8f79
fix: align rendering with latest mjml output
jdrouet Apr 11, 2026
5c38a95
fix: use CARGO_MANIFEST_DIR in local_loader tests
jdrouet Apr 11, 2026
592f8df
style: fix formatting in mj_section render
jdrouet Apr 11, 2026
591e3b3
fix(mrml-wasm): set esnext build target for browser example
jdrouet Apr 11, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/comment.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand Down
6 changes: 3 additions & 3 deletions packages/mrml-core/resources/compare/success/mj-accordion-font-padding.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand Down Expand Up @@ -205,7 +205,7 @@
<table cellspacing="0" cellpadding="0" style="width:100%;border-bottom:2px solid black;">
<tbody>
<tr>
<td style="width:100%;font-size:13px;padding-top:4px;padding:2px;">
<td style="width:100%;font-size:13px;font-family:Ubuntu, Helvetica, Arial, sans-serif;padding:2px;padding-top:4px;">
How it works
</td>
<!--[if !mso | IE]><!-->
Expand All @@ -218,7 +218,7 @@
<table cellspacing="0" cellpadding="0" style="width:100%;border-bottom:2px solid black;">
<tbody>
<tr>
<td style="font-size:13px;line-height:1;padding-bottom:5px;padding:3px;">
<td style="font-size:13px;font-family:Ubuntu, Helvetica, Arial, sans-serif;line-height:1;padding:3px;padding-bottom:5px;">
<span>
Content is stacked into tabs and users can expand them at will. If responsive styles are not supported (mostly on desktop clients), tabs are then expanded and your content is readable at once.
</span>
Expand Down
10 changes: 5 additions & 5 deletions packages/mrml-core/resources/compare/success/mj-accordion-icon.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand All @@ -170,7 +170,7 @@
<table cellspacing="0" cellpadding="0" style="width:100%;border-bottom:2px solid black;">
<tbody>
<tr>
<td style="width:100%;font-size:13px;padding:16px;">
<td style="width:100%;font-size:13px;font-family:Ubuntu, Helvetica, Arial, sans-serif;padding:16px;">
Why use an accordion?
</td>
<!--[if !mso | IE]><!-->
Expand All @@ -183,7 +183,7 @@
<table cellspacing="0" cellpadding="0" style="width:100%;border-bottom:2px solid black;">
<tbody>
<tr>
<td style="font-size:13px;line-height:1;padding:16px;">
<td style="font-size:13px;font-family:Ubuntu, Helvetica, Arial, sans-serif;line-height:1;padding:16px;">
<span>
Because emails with a lot of content are most of the time a very bad experience on mobile, mj-accordion comes handy when you want to deliver a lot of information in a concise way.
</span>
Expand All @@ -207,7 +207,7 @@
<tr>
<!--[if !mso | IE]><!-->
<td class="mj-accordion-ico" style="padding:16px;vertical-align:top;"><img src="http://wrapped-url" alt="w" class="mj-accordion-more" style="display:none;width:30px;height:30px;" /><img src="http://unwrapped-url" alt="u" class="mj-accordion-less" style="display:none;width:30px;height:30px;" /></td><!--<![endif]-->
<td style="width:100%;font-size:13px;padding:16px;">
<td style="width:100%;font-size:13px;font-family:Ubuntu, Helvetica, Arial, sans-serif;padding:16px;">
How it works
</td>
</tr>
Expand All @@ -218,7 +218,7 @@
<table cellspacing="0" cellpadding="0" style="width:100%;border-bottom:2px solid black;">
<tbody>
<tr>
<td style="font-size:13px;line-height:1;padding:16px;">
<td style="font-size:13px;font-family:Ubuntu, Helvetica, Arial, sans-serif;line-height:1;padding:16px;">
<span>
Content is stacked into tabs and users can expand them at will. If responsive styles are not supported (mostly on desktop clients), tabs are then expanded and your content is readable at once.
</span>
Expand Down
10 changes: 5 additions & 5 deletions packages/mrml-core/resources/compare/success/mj-accordion-other.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -140,7 +140,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand All @@ -164,7 +164,7 @@
<table cellspacing="0" cellpadding="0" style="width:100%;border-bottom:1px solid red;">
<tbody>
<tr>
<td style="width:100%;font-size:13px;padding:16px;">
<td style="width:100%;font-size:13px;font-family:Arial;padding:16px;">
Why use an accordion?
</td>
<!--[if !mso | IE]><!-->
Expand All @@ -177,7 +177,7 @@
<table cellspacing="0" cellpadding="0" style="width:100%;border-bottom:1px solid red;">
<tbody>
<tr>
<td style="font-size:13px;line-height:1;padding:16px;">
<td style="font-size:13px;font-family:Arial;line-height:1;padding:16px;">
<span>
Because emails with a lot of content are most of the time a very bad experience on mobile, mj-accordion comes handy when you want to deliver a lot of information in a concise way.
</span>
Expand All @@ -199,7 +199,7 @@
<table cellspacing="0" cellpadding="0" style="width:100%;border-bottom:1px solid red;">
<tbody>
<tr>
<td class="testing-title" style="width:100%;background-color:orange;color:purple;font-size:13px;padding:16px;">
<td class="testing-title" style="width:100%;background-color:orange;color:purple;font-size:13px;font-family:Comic;padding:16px;">
How it works
</td>
<!--[if !mso | IE]><!-->
Expand All @@ -212,7 +212,7 @@
<table cellspacing="0" cellpadding="0" style="width:100%;border-bottom:1px solid red;">
<tbody>
<tr>
<td class="testing-text" style="background:brown;font-size:13px;line-height:1;color:red;padding:16px;">
<td class="testing-text" style="background:brown;font-size:13px;font-family:Comic;line-height:1;color:red;padding:16px;">
<span>
Content is stacked into tabs and users can expand them at will. If responsive styles are not supported (mostly on desktop clients), tabs are then expanded and your content is readable at once.
</span>
Expand Down
10 changes: 5 additions & 5 deletions packages/mrml-core/resources/compare/success/mj-accordion.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand All @@ -170,7 +170,7 @@
<table cellspacing="0" cellpadding="0" style="width:100%;border-bottom:2px solid black;">
<tbody>
<tr>
<td style="width:100%;font-size:13px;padding:16px;">
<td style="width:100%;font-size:13px;font-family:Ubuntu, Helvetica, Arial, sans-serif;padding:16px;">
Why use an accordion?
</td>
<!--[if !mso | IE]><!-->
Expand All @@ -183,7 +183,7 @@
<table cellspacing="0" cellpadding="0" style="width:100%;border-bottom:2px solid black;">
<tbody>
<tr>
<td style="font-size:13px;line-height:1;padding:16px;">
<td style="font-size:13px;font-family:Ubuntu, Helvetica, Arial, sans-serif;line-height:1;padding:16px;">
<span>
Because emails with a lot of content are most of the time a very bad experience on mobile, mj-accordion comes handy when you want to deliver a lot of information in a concise way.
</span>
Expand All @@ -205,7 +205,7 @@
<table cellspacing="0" cellpadding="0" style="width:100%;border-bottom:2px solid black;">
<tbody>
<tr>
<td style="width:100%;font-size:13px;padding:16px;">
<td style="width:100%;font-size:13px;font-family:Ubuntu, Helvetica, Arial, sans-serif;padding:16px;">
How it works
</td>
<!--[if !mso | IE]><!-->
Expand All @@ -218,7 +218,7 @@
<table cellspacing="0" cellpadding="0" style="width:100%;border-bottom:2px solid black;">
<tbody>
<tr>
<td style="font-size:13px;line-height:1;padding:16px;">
<td style="font-size:13px;font-family:Ubuntu, Helvetica, Arial, sans-serif;line-height:1;padding:16px;">
<span>
Content is stacked into tabs and users can expand them at will. If responsive styles are not supported (mostly on desktop clients), tabs are then expanded and your content is readable at once.
</span>
Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-attributes.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-body-background-color.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@
</head>

<body style="word-spacing:normal;background-color:green;">
<div style="background-color:green;" lang="und" dir="auto">
<div aria-roledescription="email" style="background-color:green;" role="article" lang="und" dir="auto">
</div>
</body>

Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-body-class.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@
</head>

<body style="word-spacing:normal;">
<div class="testing" lang="und" dir="auto">
<div aria-roledescription="email" class="testing" role="article" lang="und" dir="auto">
</div>
</body>

Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-body-width.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
</div>
</body>

Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-body.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!-- nothing -->
</div>
</body>
Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-breakpoint-default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-breakpoint-options.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-breakpoint.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-button-align.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-button-background.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-button-border-radius.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-button-border.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-button-class.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand Down
2 changes: 1 addition & 1 deletion packages/mrml-core/resources/compare/success/mj-button-color.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@
</head>

<body style="word-spacing:normal;">
<div lang="und" dir="auto">
<div aria-roledescription="email" role="article" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
Expand Down
Loading
Loading