[{"data":1,"prerenderedAt":1132},["ShallowReactive",2],{"docs-side-nav":3,"docs-header-nav":197,"/docs/layouts":270,"docs-bottom-nav":1059},{"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":74,"body":272,"description":1051,"extension":1052,"meta":1053,"navigation":1054,"path":75,"seo":1055,"sitemap":1056,"stem":1057,"__hash__":1058},"docs/docs/layouts.md",{"type":273,"value":274,"toc":1041},"minimark",[275,279,283,304,311,324,329,335,344,350,357,496,507,510,540,551,593,601,604,613,618,631,727,738,742,753,856,869,876,899,903,914,921,947,950,954,965,975,1027,1038],[276,277,74],"h1",{"id":278},"layouts",[280,281,282],"p",{},"The workflow in Maizzle revolves around the concept of Layouts, Templates and Components.",[280,284,285,286,290,291,295,296,299,300,303],{},"A Layout is basically a ",[287,288,289],"a",{"href":80},"Component"," that contains the ",[292,293,294],"code",{},"doctype",", ",[292,297,298],{},"\u003Chead>"," and ",[292,301,302],{},"\u003Cbody>"," tags of your HTML - the kind of code that changes rarely and can be reused.",[280,305,306,307,310],{},"Layouts may include a ",[292,308,309],{},"\u003Cyield />"," tag, which can be used to render a Template. This allows us to create a parent-child relationship between Layouts and Templates.",[280,312,313,314,316,317,319,320,323],{},"In Maizzle we add this ",[292,315,309],{}," tag in the ",[292,318,302],{}," of the ",[292,321,322],{},"main.html"," Layout, to define where a Template's HTML should be injected.",[325,326,328],"h2",{"id":327},"getting-started","Getting started",[280,330,331,332,334],{},"Layouts are typically stored in the ",[292,333,278],{}," directory.",[336,337,338,339,343],"alert",{},"\nNeed to store them elsewhere? Make sure to \n",[287,340,342],{"href":341},"/docs/configuration/components#folders","update the config","\n.\n",[280,345,346,347,349],{},"Layouts must include a ",[292,348,309],{}," tag, which is used to define where the Template's HTML will be rendered.",[280,351,352,353,356],{},"Here's a very basic ",[292,354,355],{},"layout.html",":",[358,359,367],"pre",{"className":360,"code":361,"filename":362,"highlights":363,"language":365,"meta":366,"style":366},"language-html shiki shiki-themes tailwind-css tailwind-css has-diff","\u003C!doctype html>\n\u003Chtml>\n\u003Chead>\n  \u003Cstyle>\n    @tailwind components;\n    @tailwind utilities;\n  \u003C/style>\n\u003C/head>\n\u003Cbody>\n  \u003Cyield /> // [!code ++]\n\u003C/body>\n","layouts/main.html",[364],10,"html","",[292,368,369,388,398,408,419,433,443,453,463,473,487],{"__ignoreMap":366},[370,371,374,378,381,385],"span",{"class":372,"line":373},"line",1,[370,375,377],{"class":376},"soJEP","\u003C!",[370,379,294],{"class":380},"sizJ4",[370,382,384],{"class":383},"sQMLp"," html",[370,386,387],{"class":376},">\n",[370,389,391,394,396],{"class":372,"line":390},2,[370,392,393],{"class":376},"\u003C",[370,395,365],{"class":380},[370,397,387],{"class":376},[370,399,401,403,406],{"class":372,"line":400},3,[370,402,393],{"class":376},[370,404,405],{"class":380},"head",[370,407,387],{"class":376},[370,409,411,414,417],{"class":372,"line":410},4,[370,412,413],{"class":376},"  \u003C",[370,415,416],{"class":380},"style",[370,418,387],{"class":376},[370,420,422,426,430],{"class":372,"line":421},5,[370,423,425],{"class":424},"sO3Gh","    @tailwind",[370,427,429],{"class":428},"sfCc6"," components",[370,431,432],{"class":424},";\n",[370,434,436,438,441],{"class":372,"line":435},6,[370,437,425],{"class":424},[370,439,440],{"class":428}," utilities",[370,442,432],{"class":424},[370,444,446,449,451],{"class":372,"line":445},7,[370,447,448],{"class":376},"  \u003C/",[370,450,416],{"class":380},[370,452,387],{"class":376},[370,454,456,459,461],{"class":372,"line":455},8,[370,457,458],{"class":376},"\u003C/",[370,460,405],{"class":380},[370,462,387],{"class":376},[370,464,466,468,471],{"class":372,"line":465},9,[370,467,393],{"class":376},[370,469,470],{"class":380},"body",[370,472,387],{"class":376},[370,474,479,481,484],{"class":475,"line":364},[372,476,477,478],"highlight","diff","add",[370,480,413],{"class":376},[370,482,483],{"class":380},"yield",[370,485,486],{"class":376}," />",[370,488,490,492,494],{"class":372,"line":489},11,[370,491,458],{"class":376},[370,493,470],{"class":380},[370,495,387],{"class":376},[336,497,498,499,502,503,506],{},"\nFor Tailwind CSS to work, Layouts must include it either via a \n",[292,500,501],{},"\u003Cstyle>","\n tag like above or through a \n",[292,504,505],{},"\u003Clink>","\n tag that references a CSS file.\n",[280,508,509],{},"When creating a Template, you may use that Layout like this:",[358,511,515],{"className":512,"code":513,"filename":514,"language":365,"meta":366,"style":366},"language-html shiki shiki-themes tailwind-css tailwind-css","\u003Cx-main>\n  \u003C!-- your email template HTML... -->\n\u003C/x-main>\n","emails/example.html",[292,516,517,526,532],{"__ignoreMap":366},[370,518,519,521,524],{"class":372,"line":373},[370,520,393],{"class":376},[370,522,523],{"class":380},"x-main",[370,525,387],{"class":376},[370,527,528],{"class":372,"line":390},[370,529,531],{"class":530},"smVoC","  \u003C!-- your email template HTML... -->\n",[370,533,534,536,538],{"class":372,"line":400},[370,535,458],{"class":376},[370,537,523],{"class":380},[370,539,387],{"class":376},[280,541,542,543,546,547,550],{},"As you can see, the ",[292,544,545],{},"\u003Cx-main>"," tag name is based on the Layout's file name, with the ",[292,548,549],{},".html"," extension removed, here are some examples:",[552,553,554,567],"table",{},[555,556,557],"thead",{},[558,559,560,564],"tr",{},[561,562,563],"th",{},"Layout file name",[561,565,566],{},"Layout tag name",[568,569,570,581],"tbody",{},[558,571,572,577],{},[573,574,575],"td",{},[292,576,362],{},[573,578,579],{},[292,580,545],{},[558,582,583,588],{},[573,584,585],{},[292,586,587],{},"layouts/alt.html",[573,589,590],{},[292,591,592],{},"\u003Cx-alt>",[280,594,595,596,600],{},"Read more about this in the ",[287,597,599],{"href":598},"/docs/components#x-tag","Components docs",".",[325,602,41],{"id":603},"tailwind-css",[280,605,606,607,609,610,612],{},"In order for Tailwind CSS to work, you need to include it in a ",[292,608,501],{}," or ",[292,611,505],{}," tag.",[614,615,617],"h3",{"id":616},"style-tag","style tag",[280,619,620,621,624,625,627,628,630],{},"Add the ",[292,622,623],{},"@tailwind"," directives in a ",[292,626,501],{}," tag inside the ",[292,629,298],{}," of your Layout:",[358,632,635],{"className":360,"code":633,"filename":362,"highlights":634,"language":365,"meta":477,"style":366},"\u003C!doctype html>\n\u003Chtml>\n\u003Chead>\n  \u003Cstyle> /* [!code ++] */\n    @​tailwind components; /* [!code ++] */\n    @​tailwind utilities; /* [!code ++] */\n  \u003C/style> // [!code ++]\n\u003C/head>\n\u003Cbody>\n  \u003Cyield />\n\u003C/body>\n",[410,421,435,445],[292,636,637,647,655,663,673,679,685,694,702,710,719],{"__ignoreMap":366},[370,638,639,641,643,645],{"class":372,"line":373},[370,640,377],{"class":376},[370,642,294],{"class":380},[370,644,384],{"class":383},[370,646,387],{"class":376},[370,648,649,651,653],{"class":372,"line":390},[370,650,393],{"class":376},[370,652,365],{"class":380},[370,654,387],{"class":376},[370,656,657,659,661],{"class":372,"line":400},[370,658,393],{"class":376},[370,660,405],{"class":380},[370,662,387],{"class":376},[370,664,666,668,670],{"class":665,"line":410},[372,476,477,478],[370,667,413],{"class":376},[370,669,416],{"class":380},[370,671,672],{"class":376},">",[370,674,676],{"class":675,"line":421},[372,476,477,478],[370,677,678],{"class":428},"    @​tailwind components; ",[370,680,682],{"class":681,"line":435},[372,476,477,478],[370,683,684],{"class":428},"    @​tailwind utilities; ",[370,686,688,690,692],{"class":687,"line":445},[372,476,477,478],[370,689,448],{"class":376},[370,691,416],{"class":380},[370,693,672],{"class":376},[370,695,696,698,700],{"class":372,"line":455},[370,697,458],{"class":376},[370,699,405],{"class":380},[370,701,387],{"class":376},[370,703,704,706,708],{"class":372,"line":465},[370,705,393],{"class":376},[370,707,470],{"class":380},[370,709,387],{"class":376},[370,711,712,714,716],{"class":372,"line":364},[370,713,413],{"class":376},[370,715,483],{"class":380},[370,717,718],{"class":376}," />\n",[370,720,721,723,725],{"class":372,"line":489},[370,722,458],{"class":376},[370,724,470],{"class":380},[370,726,387],{"class":376},[336,728,729,730,733,734,737],{},"\nWe don't recommend using \n",[292,731,732],{},"@tailwind base","\n because it contains CSS resets that won't work or are not needed in HTML emails. Also, some resets in there use the \n",[292,735,736],{},"*","\n selector, which can cause issues when CSS is inlined.\n",[614,739,741],{"id":740},"link-tag","link tag",[280,743,744,745,748,749,752],{},"Maizzle also supports ",[292,746,747],{},"\u003Clink rel=\"stylesheet\">"," tags - it will try to read the file from the ",[292,750,751],{},"href"," attribute and process it with PostCSS (including Tailwind CSS). Note that this currently only works with local files.",[358,754,757],{"className":360,"code":755,"filename":362,"highlights":756,"language":365,"meta":366,"style":366},"\u003C!doctype html>\n\u003Chtml>\n\u003Chead>\n  \u003Clink rel=\"stylesheet\" href=\"css/tailwind.css\" inline> // [!code ++]\n\u003C/head>\n\u003Cbody>\n  \u003Cyield />\n\u003C/body>\n",[410],[292,758,759,769,777,785,824,832,840,848],{"__ignoreMap":366},[370,760,761,763,765,767],{"class":372,"line":373},[370,762,377],{"class":376},[370,764,294],{"class":380},[370,766,384],{"class":383},[370,768,387],{"class":376},[370,770,771,773,775],{"class":372,"line":390},[370,772,393],{"class":376},[370,774,365],{"class":380},[370,776,387],{"class":376},[370,778,779,781,783],{"class":372,"line":400},[370,780,393],{"class":376},[370,782,405],{"class":380},[370,784,387],{"class":376},[370,786,788,790,793,796,799,802,805,807,810,812,814,817,819,822],{"class":787,"line":410},[372,476,477,478],[370,789,413],{"class":376},[370,791,792],{"class":380},"link",[370,794,795],{"class":383}," rel",[370,797,798],{"class":376},"=",[370,800,801],{"class":383},"\"",[370,803,804],{"class":428},"stylesheet",[370,806,801],{"class":383},[370,808,809],{"class":383}," href",[370,811,798],{"class":376},[370,813,801],{"class":383},[370,815,816],{"class":428},"css/tailwind.css",[370,818,801],{"class":383},[370,820,821],{"class":383}," inline",[370,823,672],{"class":376},[370,825,826,828,830],{"class":372,"line":421},[370,827,458],{"class":376},[370,829,405],{"class":380},[370,831,387],{"class":376},[370,833,834,836,838],{"class":372,"line":435},[370,835,393],{"class":376},[370,837,470],{"class":380},[370,839,387],{"class":376},[370,841,842,844,846],{"class":372,"line":445},[370,843,413],{"class":376},[370,845,483],{"class":380},[370,847,718],{"class":376},[370,849,850,852,854],{"class":372,"line":455},[370,851,458],{"class":376},[370,853,470],{"class":380},[370,855,387],{"class":376},[336,857,858,859,862,863,865,866,868],{},"\nMake sure to include the \n",[292,860,861],{},"inline","\n attribute on the \n",[292,864,505],{},"\n tag, this will replace it with a \n",[292,867,501],{},"\n tag that can be inlined and is generally better supported in email clients.\n",[280,870,871,872,875],{},"Then, in your ",[292,873,874],{},"tailwind.css"," file:",[358,877,881],{"className":878,"code":879,"filename":816,"language":880,"meta":366,"style":366},"language-css shiki shiki-themes tailwind-css tailwind-css","@tailwind components;\n@tailwind utilities;\n","css",[292,882,883,891],{"__ignoreMap":366},[370,884,885,887,889],{"class":372,"line":373},[370,886,623],{"class":424},[370,888,429],{"class":428},[370,890,432],{"class":424},[370,892,893,895,897],{"class":372,"line":390},[370,894,623],{"class":424},[370,896,440],{"class":428},[370,898,432],{"class":424},[325,900,902],{"id":901},"variables","Variables",[280,904,905,906,909,910,913],{},"Variables from your ",[287,907,908],{"href":39},"Environment config"," or from the Template's own Front Matter are available in a Layout under the ",[292,911,912],{},"page"," object.",[280,915,916,917,920],{},"You can use the curly braces ",[287,918,919],{"href":82},"expression syntax"," to output variables in a Layout:",[358,922,924],{"className":512,"code":923,"language":365,"meta":366,"style":366},"\u003Cmeta charset=\"{{ page.charset || 'utf8' }}\">\n",[292,925,926],{"__ignoreMap":366},[370,927,928,930,933,936,938,940,943,945],{"class":372,"line":373},[370,929,393],{"class":376},[370,931,932],{"class":380},"meta",[370,934,935],{"class":383}," charset",[370,937,798],{"class":376},[370,939,801],{"class":383},[370,941,942],{"class":428},"{{ page.charset || 'utf8' }}",[370,944,801],{"class":383},[370,946,387],{"class":376},[280,948,949],{},"Basic JavaScript expressions are supported inside curly braces. These expressions will be evaluated and the result will be rendered in your HTML.",[614,951,953],{"id":952},"environment","Environment",[280,955,956,957,960,961,964],{},"The Environment name is available under ",[292,958,959],{},"page.env",". You can use it to output stuff based on the ",[292,962,963],{},"build"," command that you ran.",[280,966,967,968,970,971,974],{},"For example, you could use ",[292,969,959],{}," to output some content only when running the ",[292,972,973],{},"maizzle build production"," command:",[358,976,979],{"className":512,"code":977,"filename":978,"language":365,"meta":366,"style":366},"\u003Cif condition=\"page.env === 'production'\">\n  \u003Cp>This text will show when running `maizzle build production`\u003C/p>\n\u003C/if>\n","layouts/layout.html",[292,980,981,1002,1019],{"__ignoreMap":366},[370,982,983,985,988,991,993,995,998,1000],{"class":372,"line":373},[370,984,393],{"class":376},[370,986,987],{"class":380},"if",[370,989,990],{"class":383}," condition",[370,992,798],{"class":376},[370,994,801],{"class":383},[370,996,997],{"class":428},"page.env === 'production'",[370,999,801],{"class":383},[370,1001,387],{"class":376},[370,1003,1004,1006,1008,1010,1013,1015,1017],{"class":372,"line":390},[370,1005,413],{"class":376},[370,1007,280],{"class":380},[370,1009,672],{"class":376},[370,1011,1012],{"class":428},"This text will show when running `maizzle build production`",[370,1014,458],{"class":376},[370,1016,280],{"class":380},[370,1018,387],{"class":376},[370,1020,1021,1023,1025],{"class":372,"line":400},[370,1022,458],{"class":376},[370,1024,987],{"class":380},[370,1026,387],{"class":376},[336,1028,1029,1030,1033,1034,343],{},"\nYou may also use the \n",[292,1031,1032],{},"\u003Cenv:production>","\n tag, \n",[287,1035,1037],{"href":1036},"/docs/tags#env","see the docs",[416,1039,1040],{},"html pre.shiki code .soJEP, html code.shiki .soJEP{--shiki-light:#CBD5E1;--shiki-dark:#CBD5E1}html pre.shiki code .sizJ4, html code.shiki .sizJ4{--shiki-light:#EC4899;--shiki-dark:#EC4899}html pre.shiki code .sQMLp, html code.shiki .sQMLp{--shiki-light:#0EA5E9;--shiki-dark:#0EA5E9}html pre.shiki code .sO3Gh, html code.shiki .sO3Gh{--shiki-light:#6366F1;--shiki-dark:#6366F1}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 .smVoC, html code.shiki .smVoC{--shiki-light:#94A3B8;--shiki-light-font-style:italic;--shiki-dark:#94A3B8;--shiki-dark-font-style:italic}",{"title":366,"searchDepth":390,"depth":390,"links":1042},[1043,1044,1048],{"id":327,"depth":390,"text":328},{"id":603,"depth":390,"text":41,"children":1045},[1046,1047],{"id":616,"depth":400,"text":617},{"id":740,"depth":400,"text":741},{"id":901,"depth":390,"text":902,"children":1049},[1050],{"id":952,"depth":400,"text":953},"How to use layouts with templating inheritance to build HTML emails in Maizzle.","md",{},true,{"title":74,"description":1051},{"loc":75},"docs/layouts","RmBnmUhwRrIpZ0hWdg48LaexrNLbaQWbZk3RoAJMNM4",{"id":4,"extension":5,"items":1060,"meta":1131,"stem":195,"__hash__":196},[1061,1071,1076,1085,1098,1116,1122],{"name":8,"items":1062},[1063,1064,1065,1066,1067,1068,1069,1070],{"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":1072},[1073,1074,1075],{"title":38,"path":39},{"title":41,"path":42},{"title":44,"path":45},{"name":47,"items":1077},[1078,1079,1080,1081,1082,1083,1084],{"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":1086},[1087,1088,1089,1090,1091,1092,1093,1094,1095,1096,1097],{"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":1099},[1100,1101,1102,1103,1104,1105,1106,1107,1108,1109,1110,1111,1112,1113,1114,1115],{"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":1117},[1118,1119,1120,1121],{"title":159,"path":160},{"title":162,"path":163},{"title":165,"path":166},{"title":168,"path":169},{"name":171,"items":1123},[1124,1125,1126,1127,1128,1129,1130],{"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},{},1780318594510]