[{"data":1,"prerenderedAt":459},["ShallowReactive",2],{"docs-side-nav":3,"docs-header-nav":197,"/docs/compatibility":270,"docs-bottom-nav":386},{"id":4,"extension":5,"items":6,"meta":194,"stem":195,"__hash__":196},"navigation/data/navigation.json","json",[7,34,46,70,104,155,170],{"name":8,"items":9},"Getting Started",[10,13,16,19,22,25,28,31],{"title":11,"path":12},"What is Maizzle?","/docs/introduction",{"title":14,"path":15},"Installation","/docs/installation",{"title":17,"path":18},"Editor Setup","/docs/editor-setup",{"title":20,"path":21},"Compatibility","/docs/compatibility",{"title":23,"path":24},"Upgrade Guide","/docs/upgrade-guide",{"title":26,"path":27},"Resources","/resources",{"title":29,"path":30},"Glossary","/glossary",{"title":32,"path":33},"CLI","/docs/cli",{"name":35,"items":36},"Concepts",[37,40,43],{"title":38,"path":39},"Environments","/docs/environments",{"title":41,"path":42},"Tailwind CSS","/docs/tailwindcss",{"title":44,"path":45},"Build Process","/docs/build-process",{"name":47,"items":48},"Configuration",[49,52,55,58,61,64,67],{"title":50,"path":51},"CSS","/docs/configuration/css",{"title":53,"path":54},"Build","/docs/configuration/build",{"title":56,"path":57},"Server","/docs/configuration/server",{"title":59,"path":60},"Components","/docs/configuration/components",{"title":62,"path":63},"Expressions","/docs/configuration/expressions",{"title":65,"path":66},"PostHTML","/docs/configuration/posthtml",{"title":68,"path":69},"PostCSS","/docs/configuration/postcss",{"name":71,"items":72},"Development",[73,76,79,81,83,86,89,92,95,98,101],{"title":74,"path":75},"Layouts","/docs/layouts",{"title":77,"path":78},"Templates","/docs/templates",{"title":59,"path":80},"/docs/components",{"title":62,"path":82},"/docs/expressions",{"title":84,"path":85},"Tags","/docs/tags",{"title":87,"path":88},"Assets","/docs/assets",{"title":90,"path":91},"Events","/docs/events",{"title":93,"path":94},"Functions","/docs/functions",{"title":96,"path":97},"Markdown","/docs/markdown",{"title":99,"path":100},"Plaintext","/docs/plaintext",{"title":102,"path":103},"API","/docs/api",{"name":105,"items":106},"Transformers",[107,110,113,116,119,122,125,128,131,134,137,140,143,146,149,152],{"title":108,"path":109},"What are Transformers?","/docs/transformers",{"title":111,"path":112},"Filters","/docs/transformers/filters",{"title":114,"path":115},"Inline CSS","/docs/transformers/inline-css",{"title":117,"path":118},"Safe Selectors","/docs/transformers/safe-class-names",{"title":120,"path":121},"CSS Purging","/docs/transformers/purge-css",{"title":123,"path":124},"Shorthand CSS","/docs/transformers/shorthand-css",{"title":126,"path":127},"Attribute To Style","/docs/transformers/attribute-to-style",{"title":129,"path":130},"Remove Attributes","/docs/transformers/remove-attributes",{"title":132,"path":133},"Add Attributes","/docs/transformers/add-attributes",{"title":135,"path":136},"Replace Strings","/docs/transformers/replace-strings",{"title":138,"path":139},"Widow Words","/docs/transformers/widows",{"title":141,"path":142},"URL Parameters","/docs/transformers/url-parameters",{"title":144,"path":145},"Base URL","/docs/transformers/base-url",{"title":147,"path":148},"Six HEX","/docs/transformers/six-hex",{"title":150,"path":151},"Prettify","/docs/transformers/prettify",{"title":153,"path":154},"Minify","/docs/transformers/minify",{"name":156,"items":157},"Starter Components",[158,161,164,167],{"title":159,"path":160},"Spacer","/docs/components/spacer",{"title":162,"path":163},"Divider","/docs/components/divider",{"title":165,"path":166},"Button","/docs/components/button",{"title":168,"path":169},"VML","/docs/components/vml",{"name":171,"items":172},"Examples",[173,176,179,182,185,188,191],{"title":174,"path":175},"Spacers","/docs/examples/spacers",{"title":177,"path":178},"Dividers","/docs/examples/dividers",{"title":180,"path":181},"Buttons","/docs/examples/buttons",{"title":183,"path":184},"Cards","/docs/examples/cards",{"title":186,"path":187},"Grids","/docs/examples/grids",{"title":189,"path":190},"Google Fonts","/docs/examples/google-fonts",{"title":192,"path":193},"Reverse Stack","/docs/examples/reverse-stack",{},"data/navigation","lXnN10nQFMOp0U7LPKSlEiRFYPoRC0dC5rgvZn8-pes",{"id":4,"extension":5,"items":198,"meta":269,"stem":195,"__hash__":196},[199,209,214,223,236,254,260],{"name":8,"items":200},[201,202,203,204,205,206,207,208],{"title":11,"path":12},{"title":14,"path":15},{"title":17,"path":18},{"title":20,"path":21},{"title":23,"path":24},{"title":26,"path":27},{"title":29,"path":30},{"title":32,"path":33},{"name":35,"items":210},[211,212,213],{"title":38,"path":39},{"title":41,"path":42},{"title":44,"path":45},{"name":47,"items":215},[216,217,218,219,220,221,222],{"title":50,"path":51},{"title":53,"path":54},{"title":56,"path":57},{"title":59,"path":60},{"title":62,"path":63},{"title":65,"path":66},{"title":68,"path":69},{"name":71,"items":224},[225,226,227,228,229,230,231,232,233,234,235],{"title":74,"path":75},{"title":77,"path":78},{"title":59,"path":80},{"title":62,"path":82},{"title":84,"path":85},{"title":87,"path":88},{"title":90,"path":91},{"title":93,"path":94},{"title":96,"path":97},{"title":99,"path":100},{"title":102,"path":103},{"name":105,"items":237},[238,239,240,241,242,243,244,245,246,247,248,249,250,251,252,253],{"title":108,"path":109},{"title":111,"path":112},{"title":114,"path":115},{"title":117,"path":118},{"title":120,"path":121},{"title":123,"path":124},{"title":126,"path":127},{"title":129,"path":130},{"title":132,"path":133},{"title":135,"path":136},{"title":138,"path":139},{"title":141,"path":142},{"title":144,"path":145},{"title":147,"path":148},{"title":150,"path":151},{"title":153,"path":154},{"name":156,"items":255},[256,257,258,259],{"title":159,"path":160},{"title":162,"path":163},{"title":165,"path":166},{"title":168,"path":169},{"name":171,"items":261},[262,263,264,265,266,267,268],{"title":174,"path":175},{"title":177,"path":178},{"title":180,"path":181},{"title":183,"path":184},{"title":186,"path":187},{"title":189,"path":190},{"title":192,"path":193},{},{"id":271,"title":20,"body":272,"description":378,"extension":379,"meta":380,"navigation":381,"path":21,"seo":382,"sitemap":383,"stem":384,"__hash__":385},"docs/docs/compatibility.md",{"type":273,"value":274,"toc":371},"minimark",[275,279,283,286,297,314,317,321,324,327,331,340,344,365,368],[276,277,20],"h1",{"id":278},"compatibility",[280,281,282],"p",{},"Maizzle gives you complete freedom to code your HTML emails however you like, there's no definitive compatibility chart. It really depends on your markup.",[280,284,285],{},"Wherever possible, the framework tries to help through configuration and tools that you can use to code emails that render well.",[280,287,288,289,296],{},"For example, the ",[290,291,295],"a",{"href":292,"rel":293},"https://github.com/maizzle/maizzle",[294],"nofollow","official Starter"," uses a custom Tailwind CSS preset and plugins that output more email client-friendly CSS, or that help you target specific email clients.",[280,298,299,300,304,305,309,310,313],{},"Tailwind CSS itself is ",[290,301,303],{"href":302},"/docs/configuration/css#tailwindconfigjs","configured"," to use values that are better supported by email clients, like ",[306,307,308],"code",{},"px"," instead of ",[306,311,312],{},"rem"," or HEX colors instead of CSS variables.",[280,315,316],{},"However, when it comes to markup, it's really up to you how well your emails will render.",[318,319,59],"h2",{"id":320},"components",[280,322,323],{},"The Maizzle Starter includes a few components, such as Spacer, Divider, or Button.",[280,325,326],{},"These have been render-tested to work well in the most popular email clients, including iOS/Mail, Gmail, Outlook, and Yahoo!.",[318,328,330],{"id":329},"can-i-email","Can I Email",[280,332,333,334,339],{},"The ",[290,335,338],{"href":336,"rel":337},"https://www.caniemail.com/",[294],"caniemail.com"," website is a great resource if you need to check which email clients will support your HTML or CSS.",[318,341,343],{"id":342},"testing","Testing",[280,345,346,347,352,353,358,359,364],{},"When coding HTML emails, you should always run render tests in the most popular email clients - tools like ",[290,348,351],{"href":349,"rel":350},"https://www.emailonacid.com/",[294],"Email on Acid",", ",[290,354,357],{"href":355,"rel":356},"https://www.litmus.com/",[294],"Litmus"," or ",[290,360,363],{"href":361,"rel":362},"https://testi.at/",[294],"Testi@"," can help with that.",[280,366,367],{},"Finally, another common (and good) practice is to send yourself a test email before sending to your subscribers.",[280,369,370],{},"Simulating a send from the same system you're going to use (be it your ESP or your application) is a very good way of catching any missed errors or edge-cases.",{"title":372,"searchDepth":373,"depth":373,"links":374},"",2,[375,376,377],{"id":320,"depth":373,"text":59},{"id":329,"depth":373,"text":330},{"id":342,"depth":373,"text":343},"Email client compatibility and what Maizzle does to help improve your template's rendering.","md",{},true,{"title":20,"description":378},{"loc":21},"docs/compatibility","92bMb7ZlIAR87W0PaPScXAZ0kqHv8rF1GJErjvJu2j4",{"id":4,"extension":5,"items":387,"meta":458,"stem":195,"__hash__":196},[388,398,403,412,425,443,449],{"name":8,"items":389},[390,391,392,393,394,395,396,397],{"title":11,"path":12},{"title":14,"path":15},{"title":17,"path":18},{"title":20,"path":21},{"title":23,"path":24},{"title":26,"path":27},{"title":29,"path":30},{"title":32,"path":33},{"name":35,"items":399},[400,401,402],{"title":38,"path":39},{"title":41,"path":42},{"title":44,"path":45},{"name":47,"items":404},[405,406,407,408,409,410,411],{"title":50,"path":51},{"title":53,"path":54},{"title":56,"path":57},{"title":59,"path":60},{"title":62,"path":63},{"title":65,"path":66},{"title":68,"path":69},{"name":71,"items":413},[414,415,416,417,418,419,420,421,422,423,424],{"title":74,"path":75},{"title":77,"path":78},{"title":59,"path":80},{"title":62,"path":82},{"title":84,"path":85},{"title":87,"path":88},{"title":90,"path":91},{"title":93,"path":94},{"title":96,"path":97},{"title":99,"path":100},{"title":102,"path":103},{"name":105,"items":426},[427,428,429,430,431,432,433,434,435,436,437,438,439,440,441,442],{"title":108,"path":109},{"title":111,"path":112},{"title":114,"path":115},{"title":117,"path":118},{"title":120,"path":121},{"title":123,"path":124},{"title":126,"path":127},{"title":129,"path":130},{"title":132,"path":133},{"title":135,"path":136},{"title":138,"path":139},{"title":141,"path":142},{"title":144,"path":145},{"title":147,"path":148},{"title":150,"path":151},{"title":153,"path":154},{"name":156,"items":444},[445,446,447,448],{"title":159,"path":160},{"title":162,"path":163},{"title":165,"path":166},{"title":168,"path":169},{"name":171,"items":450},[451,452,453,454,455,456,457],{"title":174,"path":175},{"title":177,"path":178},{"title":180,"path":181},{"title":183,"path":184},{"title":186,"path":187},{"title":189,"path":190},{"title":192,"path":193},{},1780318590602]