[{"data":1,"prerenderedAt":616},["ShallowReactive",2],{"docs-side-nav":3,"docs-header-nav":197,"/docs/configuration/postcss":270,"docs-bottom-nav":543},{"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,"description":536,"extension":537,"meta":538,"navigation":365,"path":69,"seo":539,"sitemap":540,"stem":541,"__hash__":542},"docs/docs/configuration/postcss.md","PostCSS configuration",{"type":274,"value":275,"toc":532},"minimark",[276,280,284,289,300,303,329,336,443,454,458,461,528],[277,278,272],"h1",{"id":279},"postcss-configuration",[281,282,283],"p",{},"You may use custom PostCSS plugins in Maizzle.",[285,286,288],"h2",{"id":287},"plugins","Plugins",[281,290,291,292,299],{},"Here's how you can add PostCSS plugins - we'll use ",[293,294,298],"a",{"href":295,"rel":296},"https://github.com/postcss/autoprefixer",[297],"nofollow","Autoprefixer",".",[281,301,302],{},"First, install the plugin:",[304,305,310],"pre",{"className":306,"code":307,"language":308,"meta":309,"style":309},"language-sh shiki shiki-themes tailwind-css tailwind-css","npm install autoprefixer\n","sh","",[311,312,313],"code",{"__ignoreMap":309},[314,315,318,322,326],"span",{"class":316,"line":317},"line",1,[314,319,321],{"class":320},"sizJ4","npm",[314,323,325],{"class":324},"sfCc6"," install",[314,327,328],{"class":324}," autoprefixer\n",[281,330,331,332,335],{},"Then register it in ",[311,333,334],{},"config.js",":",[304,337,341],{"className":338,"code":339,"filename":334,"language":340,"meta":309,"style":309},"language-js shiki shiki-themes tailwind-css tailwind-css","import autoprefixer from 'autoprefixer'\n\nexport default {\n  build: {\n    postcss: {\n      plugins: [\n        autoprefixer,\n      ]\n    }\n  }\n}\n","js",[311,342,343,360,367,379,389,399,410,419,425,431,437],{"__ignoreMap":309},[314,344,345,349,353,357],{"class":316,"line":317},[314,346,348],{"class":347},"s8qYB","import",[314,350,352],{"class":351},"sO1gY"," autoprefixer",[314,354,356],{"class":355},"sprQ5"," from",[314,358,359],{"class":347}," 'autoprefixer'\n",[314,361,363],{"class":316,"line":362},2,[314,364,366],{"emptyLinePlaceholder":365},true,"\n",[314,368,370,373,376],{"class":316,"line":369},3,[314,371,372],{"class":320},"export",[314,374,375],{"class":320}," default",[314,377,378],{"class":355}," {\n",[314,380,382,385,387],{"class":316,"line":381},4,[314,383,384],{"class":324},"  build",[314,386,335],{"class":355},[314,388,378],{"class":355},[314,390,392,395,397],{"class":316,"line":391},5,[314,393,394],{"class":324},"    postcss",[314,396,335],{"class":355},[314,398,378],{"class":355},[314,400,402,405,407],{"class":316,"line":401},6,[314,403,404],{"class":324},"      plugins",[314,406,335],{"class":355},[314,408,409],{"class":324}," [\n",[314,411,413,416],{"class":316,"line":412},7,[314,414,415],{"class":347},"        autoprefixer",[314,417,418],{"class":355},",\n",[314,420,422],{"class":316,"line":421},8,[314,423,424],{"class":324},"      ]\n",[314,426,428],{"class":316,"line":427},9,[314,429,430],{"class":355},"    }\n",[314,432,434],{"class":316,"line":433},10,[314,435,436],{"class":355},"  }\n",[314,438,440],{"class":316,"line":439},11,[314,441,442],{"class":355},"}\n",[281,444,445,446,448,449,453],{},"Any plugins that you register in the ",[311,447,287],{}," array will be added at the end of the PostCSS plugins stack, which means they'll run ",[450,451,452],"em",{},"after"," Tailwind CSS.",[285,455,457],{"id":456},"options","Options",[281,459,460],{},"You may also configure PostCSS options:",[304,462,464],{"className":338,"code":463,"filename":334,"language":340,"meta":309,"style":309},"export default {\n  build: {\n    postcss: {\n      options: {\n        map: true,\n      }\n    }\n  }\n}\n",[311,465,466,474,482,490,499,511,516,520,524],{"__ignoreMap":309},[314,467,468,470,472],{"class":316,"line":317},[314,469,372],{"class":320},[314,471,375],{"class":320},[314,473,378],{"class":355},[314,475,476,478,480],{"class":316,"line":362},[314,477,384],{"class":324},[314,479,335],{"class":355},[314,481,378],{"class":355},[314,483,484,486,488],{"class":316,"line":369},[314,485,394],{"class":324},[314,487,335],{"class":355},[314,489,378],{"class":355},[314,491,492,495,497],{"class":316,"line":381},[314,493,494],{"class":324},"      options",[314,496,335],{"class":355},[314,498,378],{"class":355},[314,500,501,504,506,509],{"class":316,"line":391},[314,502,503],{"class":324},"        map",[314,505,335],{"class":355},[314,507,508],{"class":320}," true",[314,510,418],{"class":355},[314,512,513],{"class":316,"line":401},[314,514,515],{"class":355},"      }\n",[314,517,518],{"class":316,"line":412},[314,519,430],{"class":355},[314,521,522],{"class":316,"line":421},[314,523,436],{"class":355},[314,525,526],{"class":316,"line":427},[314,527,442],{"class":355},[529,530,531],"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 .s8qYB, html code.shiki .s8qYB{--shiki-light:#3730A3;--shiki-dark:#3730A3}html pre.shiki code .sO1gY, html code.shiki .sO1gY{--shiki-light:#2563EB;--shiki-dark:#2563EB}html pre.shiki code .sprQ5, html code.shiki .sprQ5{--shiki-light:#44403C;--shiki-dark:#44403C}",{"title":309,"searchDepth":362,"depth":362,"links":533},[534,535],{"id":287,"depth":362,"text":288},{"id":456,"depth":362,"text":457},"Configuring PostCSS in Maizzle.","md",{},{"title":272,"description":536},{"loc":69},"docs/configuration/postcss","nlKEPw49pAMfv6iRbReeBYz398PnToTp2qh7y2l0ZvI",{"id":4,"extension":5,"items":544,"meta":615,"stem":195,"__hash__":196},[545,555,560,569,582,600,606],{"name":8,"items":546},[547,548,549,550,551,552,553,554],{"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":556},[557,558,559],{"title":38,"path":39},{"title":41,"path":42},{"title":44,"path":45},{"name":47,"items":561},[562,563,564,565,566,567,568],{"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":570},[571,572,573,574,575,576,577,578,579,580,581],{"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":583},[584,585,586,587,588,589,590,591,592,593,594,595,596,597,598,599],{"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":601},[602,603,604,605],{"title":159,"path":160},{"title":162,"path":163},{"title":165,"path":166},{"title":168,"path":169},{"name":171,"items":607},[608,609,610,611,612,613,614],{"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},{},1780318592695]