this.htmlAttributes in a custom component now detects if you pass a style key or an object Fixes.Creating custom components now support this.renderMJML to render MJML inside a component (just use the regular MJML syntax inside your custom component).renderChildren can now render JSON children as XML for renderMJML function with rawXML option ( #914).mjml-cli -watch now supports multiple files (we need heavy testing here with nested includes).mjml-core can now receive a skeleton function to redefine the default skeleton (default HTML generated by a MJML boilerplate).New options for the CLI and in NodeJS ( documentation).Validation now supports mj-include and validates through included files ( #651).You can now customize the default breakpoint ( documentation).mj-column now supports the padding attribute (which enables to create gutters too) ( documentation).You can now force the desktop layout on instead of the mobile fallback by setting the owa attribute on the mjml tag to desktop: (set to mobile by default).A better, stronger, faster MJML □ Features On outlook, the image will never overflow the element, and it will be shrinked instead of being cropped like on other clients.You've been waiting for it, it's here. If the specified size is a single attribute in percent, the height will be auto as in standard css. If background-size is not specified, no-repeat will be ignored on Outlook. Limitations of background-images size and position on Outlook desktop : Text-align | string | css text-align | center Padding-top | px | section top offset | n/a Padding-right | px | section right offset | n/a Padding-left | px | section left offset | n/a Padding-bottom | px | section bottom offset | n/a Padding | px | supports up to 4 parameters | 20px 0 (2 values max) | css background position (see outlook limitations below) | top centerīackground-position-x | percent / keyword | css background position x | noneīackground-position-y | percent / keyword | css background position y | noneīackground-repeat | string | css background repeat | repeatīackground-size | px/percent/'cover'/'contain' | css background size | autoīackground-url | url | background url | n/aīorder | string | css border format | noneīorder-bottom | string | css border format | n/aīorder-left | string | css border format | n/aīorder-right | string | css border format | n/aīorder-top | string | css border format | n/aĬss-class | string | class name, added to the root HTML element created | n/aĭirection | ltr / rtl | set the display order of direct children | ltrįull-width | string | make the section full-width | n/a |-|-|-īackground-color | color | section color | n/aīackground-position | percent / 'left','top'. Columns can nest in sections all content must be in a column.Īttribute | unit | description | default value Because MJML is mobile-first, structure the columns in the order you want them to stack on mobile, and use `direction` to change the order they display on desktop. Inverting the order in which columns display: set the `direction` attribute to `rtl` to change the order in which columns display on desktop. With the full-width property on, it will be The full-width property will be used to manage the background width.īy default, it will be 600px. They will be used to structure the layout. Sections are intended to be used as rows within your email. Otherwise it's treated as a relative link a5812ac1ad7cdf7ef9ae71fcf5808c49ba8ac5cb, Febru10:24 AM: Add text-align="center" to doc example.What's new in version 4.13.0 Delta between version 4.12.0 and version 4.13.0 Source: Github Commits:
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |