[{"data":1,"prerenderedAt":577},["ShallowReactive",2],{"docs-side-nav":3,"docs-header-nav":197,"/starters/postmark":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":566,"description":567,"extension":568,"image":569,"meta":570,"navigation":571,"path":572,"seo":573,"sitemap":574,"stem":575,"__hash__":576},"starters/starters/postmark.md","Postmark",{"type":274,"value":275,"toc":560},"minimark",[276,281,285,294,299,302,325,336,343,357,360,376,379,393,397,400,404,407,411,422,541,556],[277,278,280],"h1",{"id":279},"postmark-starter","Postmark starter",[282,283,284],"p",{},"Postmark's transactional email templates, re-built with Tailwind CSS in Maizzle.",[282,286,287],{},[288,289,293],"a",{"href":290,"rel":291},"https://github.com/maizzle/starter-postmark.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,332,335],{},"In the interactive setup wizard, specify the directory name to create the project in, i.e. ",[310,329,330],{},"./postmark-emails",", select Custom Starter → Git, type in ",[310,333,334],{},"maizzle/starter-postmark"," and confirm with Enter key. Then, choose Yes when prompted to Install dependencies.",[282,337,338,339,342],{},"Next, switch the current directory to ",[310,340,341],{},"postmark-emails",":",[303,344,347],{"className":305,"code":345,"language":307,"meta":346,"style":308},"cd postmark-emails\n","no-copy",[310,348,349],{"__ignoreMap":308},[313,350,351,354],{"class":315,"line":316},[313,352,353],{"class":319},"cd",[313,355,356],{"class":323}," postmark-emails\n",[282,358,359],{},"Start local development:",[303,361,363],{"className":305,"code":362,"language":307,"meta":308,"style":308},"npm run dev\n",[310,364,365],{"__ignoreMap":308},[313,366,367,370,373],{"class":315,"line":316},[313,368,369],{"class":319},"npm",[313,371,372],{"class":323}," run",[313,374,375],{"class":323}," dev\n",[282,377,378],{},"Build emails for production:",[303,380,382],{"className":305,"code":381,"language":307,"meta":308,"style":308},"npm run build\n",[310,383,384],{"__ignoreMap":308},[313,385,386,388,390],{"class":315,"line":316},[313,387,369],{"class":319},[313,389,372],{"class":323},[313,391,392],{"class":323}," build\n",[295,394,396],{"id":395},"variations","Variations",[282,398,399],{},"Each template comes in three layout variations: Basic, Basic full, and Plain. This gives you a starting point to customize them to match your brand.",[295,401,403],{"id":402},"dark-mode","Dark Mode",[282,405,406],{},"The templates support dark mode where available.",[295,408,410],{"id":409},"customization","Customization",[282,412,413,414,417,418,421],{},"This starter defines a ",[310,415,416],{},"company"," object in ",[310,419,420],{},"config.js",", so you can quickly update company info in one place:",[303,423,427],{"className":424,"code":425,"filename":420,"language":426,"meta":308,"style":308},"language-js shiki shiki-themes tailwind-css tailwind-css","module.exports = {\n  company: {\n    name: '[Company Name, LLC]',\n    address: `\n    \u003Cbr>1234 Street Rd.\n    \u003Cbr>Suite 1234\n    `,\n    product: '[Product Name]',\n    sender: '[Sender Name]',\n  },\n}\n","js",[310,428,429,448,458,472,483,489,495,503,516,529,535],{"__ignoreMap":308},[313,430,431,434,438,441,445],{"class":315,"line":316},[313,432,433],{"class":319},"module",[313,435,437],{"class":436},"sprQ5",".",[313,439,440],{"class":319},"exports",[313,442,444],{"class":443},"sVevU"," =",[313,446,447],{"class":436}," {\n",[313,449,451,454,456],{"class":315,"line":450},2,[313,452,453],{"class":323},"  company",[313,455,342],{"class":436},[313,457,447],{"class":436},[313,459,461,464,466,469],{"class":315,"line":460},3,[313,462,463],{"class":323},"    name",[313,465,342],{"class":436},[313,467,468],{"class":323}," '[Company Name, LLC]'",[313,470,471],{"class":436},",\n",[313,473,475,478,480],{"class":315,"line":474},4,[313,476,477],{"class":323},"    address",[313,479,342],{"class":436},[313,481,482],{"class":323}," `\n",[313,484,486],{"class":315,"line":485},5,[313,487,488],{"class":323},"    \u003Cbr>1234 Street Rd.\n",[313,490,492],{"class":315,"line":491},6,[313,493,494],{"class":323},"    \u003Cbr>Suite 1234\n",[313,496,498,501],{"class":315,"line":497},7,[313,499,500],{"class":323},"    `",[313,502,471],{"class":436},[313,504,506,509,511,514],{"class":315,"line":505},8,[313,507,508],{"class":323},"    product",[313,510,342],{"class":436},[313,512,513],{"class":323}," '[Product Name]'",[313,515,471],{"class":436},[313,517,519,522,524,527],{"class":315,"line":518},9,[313,520,521],{"class":323},"    sender",[313,523,342],{"class":436},[313,525,526],{"class":323}," '[Sender Name]'",[313,528,471],{"class":436},[313,530,532],{"class":315,"line":531},10,[313,533,534],{"class":436},"  },\n",[313,536,538],{"class":315,"line":537},11,[313,539,540],{"class":436},"}\n",[282,542,543,544,547,548,551,552,437],{},"You can preserve the ",[310,545,546],{},"{{ }}"," curly braces to use with Postmark variables by writing them as ",[310,549,550],{},"@{{ }}"," in Maizzle - see the ",[288,553,555],{"href":554},"/docs/templates#ignoring-expressions","ignoring expressions docs",[557,558,559],"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);}html pre.shiki code .sprQ5, html code.shiki .sprQ5{--shiki-light:#44403C;--shiki-dark:#44403C}html pre.shiki code .sVevU, html code.shiki .sVevU{--shiki-light:#35393E;--shiki-dark:#35393E}",{"title":308,"searchDepth":450,"depth":450,"links":561},[562,563,564,565],{"id":297,"depth":450,"text":298},{"id":395,"depth":450,"text":396},{"id":402,"depth":450,"text":403},{"id":409,"depth":450,"text":410},"2019-11-21T00:00:00.000Z","Postmark's transactional email templates.","md","https://res.cloudinary.com/maizzle/image/upload/v1587739736/starters/starter-postmark.jpg",{"repository":290},true,"/starters/postmark",{"title":272,"description":567},{"loc":572},"starters/postmark","gVPPMrqwKOOEhxzFtagZ2M5OCpdUInXDcUvg5JmU4Wg",1780318598018]