[{"data":1,"prerenderedAt":512},["ShallowReactive",2],{"docs-side-nav":3,"docs-header-nav":197,"/starters/amp4email":270},{"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":272,"body":273,"date":502,"description":503,"extension":425,"image":504,"meta":505,"navigation":478,"path":507,"seo":508,"sitemap":509,"stem":510,"__hash__":511},"starters/starters/amp4email.md","AMP4Email",{"type":274,"value":275,"toc":496},"minimark",[276,281,285,294,299,302,325,332,339,353,356,372,375,389,392,395,405,408,427,431,442,492],[277,278,280],"h1",{"id":279},"_4email-templates","⚡4email templates",[282,283,284],"p",{},"Original, free ⚡4email templates built with Tailwind CSS in Maizzle.",[282,286,287],{},[288,289,293],"a",{"href":290,"rel":291},"https://github.com/maizzle/starter-amp4email.git",[292],"nofollow","View on GitHub →",[295,296,298],"h2",{"id":297},"getting-started","Getting started",[282,300,301],{},"Scaffold a new project based on this starter:",[303,304,309],"pre",{"className":305,"code":306,"language":307,"meta":308,"style":308},"language-sh shiki shiki-themes tailwind-css tailwind-css","npx create-maizzle\n","sh","",[310,311,312],"code",{"__ignoreMap":308},[313,314,317,321],"span",{"class":315,"line":316},"line",1,[313,318,320],{"class":319},"sizJ4","npx",[313,322,324],{"class":323},"sfCc6"," create-maizzle\n",[282,326,327,328,331],{},"In the interactive setup wizard, specify the directory name to create the project in, i.e. ",[310,329,330],{},"./amp-emails",", select Custom Starter → AMP4Email, and choose Yes when prompted to Install dependencies.",[282,333,334,335,338],{},"Next, switch the current directory to ",[310,336,337],{},"amp-emails",":",[303,340,343],{"className":305,"code":341,"language":307,"meta":342,"style":308},"cd amp-emails\n","no-copy",[310,344,345],{"__ignoreMap":308},[313,346,347,350],{"class":315,"line":316},[313,348,349],{"class":319},"cd",[313,351,352],{"class":323}," amp-emails\n",[282,354,355],{},"Start local development:",[303,357,359],{"className":305,"code":358,"language":307,"meta":308,"style":308},"npm run dev\n",[310,360,361],{"__ignoreMap":308},[313,362,363,366,369],{"class":315,"line":316},[313,364,365],{"class":319},"npm",[313,367,368],{"class":323}," run",[313,370,371],{"class":323}," dev\n",[282,373,374],{},"Build emails for production:",[303,376,378],{"className":305,"code":377,"language":307,"meta":308,"style":308},"npm run build\n",[310,379,380],{"__ignoreMap":308},[313,381,382,384,386],{"class":315,"line":316},[313,383,365],{"class":319},[313,385,368],{"class":323},[313,387,388],{"class":323}," build\n",[295,390,77],{"id":391},"templates",[282,393,394],{},"The following templates are included:",[396,397,398,402],"ul",{},[399,400,401],"li",{},"Accordion",[399,403,404],{},"Carousel",[295,406,41],{"id":407},"tailwind-css",[282,409,410,411,414,415,418,419,422,423,426],{},"AMP templates don't allow inline CSS, so ",[310,412,413],{},"important"," is set to ",[310,416,417],{},"false","  in ",[310,420,421],{},"tailwind.config.js",". Because of that, this Starter also uses an ",[310,424,425],{},"md"," screen and a mobile-first strategy instead of the default desktop-first approach from Maizzle.",[295,428,430],{"id":429},"amp-components","AMP Components",[282,432,433,434,437,438,441],{},"For each component that you want to use in a template, you need to add its script to the ",[310,435,436],{},"\u003Chead>",". We can push to the ",[310,439,440],{},"head"," stack from the Template:",[303,443,448],{"className":444,"code":445,"filename":446,"language":447,"meta":308,"style":308},"language-xml shiki shiki-themes tailwind-css tailwind-css","\u003Cx-main>\n  \u003Cpush name=\"head\">\n    \u003Cscript async custom-element=\"amp-accordion\" src=\"https://cdn.ampproject.org/v0/amp-accordion-0.1.js\">\u003C/script>\n  \u003C/push>\n\n  \u003C!-- ...  -->\n\u003C/x-main>\n","emails/accordion.html","xml",[310,449,450,455,461,467,473,480,486],{"__ignoreMap":308},[313,451,452],{"class":315,"line":316},[313,453,454],{},"\u003Cx-main>\n",[313,456,458],{"class":315,"line":457},2,[313,459,460],{},"  \u003Cpush name=\"head\">\n",[313,462,464],{"class":315,"line":463},3,[313,465,466],{},"    \u003Cscript async custom-element=\"amp-accordion\" src=\"https://cdn.ampproject.org/v0/amp-accordion-0.1.js\">\u003C/script>\n",[313,468,470],{"class":315,"line":469},4,[313,471,472],{},"  \u003C/push>\n",[313,474,476],{"class":315,"line":475},5,[313,477,479],{"emptyLinePlaceholder":478},true,"\n",[313,481,483],{"class":315,"line":482},6,[313,484,485],{},"  \u003C!-- ...  -->\n",[313,487,489],{"class":315,"line":488},7,[313,490,491],{},"\u003C/x-main>\n",[493,494,495],"style",{},"html pre.shiki code .sizJ4, html code.shiki .sizJ4{--shiki-light:#EC4899;--shiki-dark:#EC4899}html pre.shiki code .sfCc6, html code.shiki .sfCc6{--shiki-light:#1D4ED8;--shiki-dark:#1D4ED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":308,"searchDepth":457,"depth":457,"links":497},[498,499,500,501],{"id":297,"depth":457,"text":298},{"id":391,"depth":457,"text":77},{"id":407,"depth":457,"text":41},{"id":429,"depth":457,"text":430},"2020-02-20T00:00:00.000Z","Original, free AMP4EMAIL templates.","https://res.cloudinary.com/maizzle/image/upload/q_auto:best/starters/amp4email.jpg",{"repository":290,"htmlPreview":506},"https://raw.githubusercontent.com/maizzle/starter-amp4email/master/build_production/carousel.html","/starters/amp4email",{"title":272,"description":503},{"loc":507},"starters/amp4email","O6b4vkZTRQS_qnJeMFcyrgNtuvaLIlK-oweePgw61mY",1780318597627]