[{"data":1,"prerenderedAt":1446},["ShallowReactive",2],{"docs-side-nav":3,"docs-header-nav":197,"/docs/transformers/purge-css":270,"docs-bottom-nav":1373},{"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":1366,"extension":1367,"meta":1368,"navigation":1297,"path":121,"seo":1369,"sitemap":1370,"stem":1371,"__hash__":1372},"docs/docs/transformers/purge-css.md","Remove unused CSS",{"type":274,"value":275,"toc":1354},"minimark",[276,280,284,301,304,309,312,377,381,391,395,401,404,413,496,510,682,685,697,712,718,800,809,813,823,837,890,894,902,911,963,968,978,989,992,1009,1105,1109,1118,1121,1183,1186,1194,1200,1203,1255,1258,1266,1351],[277,278,272],"h1",{"id":279},"remove-unused-css",[281,282,283],"p",{},"Cleaning up your HTML email results in smaller file sizes, which translates to faster email sendouts, faster opens (think slow 3G), and snappier paint times.",[281,285,286,287,294,295,300],{},"Gmail will clip your email ",[288,289,293],"a",{"href":290,"rel":291},"https://github.com/hteumeuleu/email-bugs/issues/41",[292],"nofollow","around 102KB",", so anything past that mark won't even be in the DOM (which can lead to unexpected results like tracking pixel not loaded or, worse, hidden unsubscribe links). You might also want to consider the ",[288,296,299],{"href":297,"rel":298},"https://github.com/email-markup-consortium/email-markup-consortium/discussions/39",[292],"environmental impact"," of sending large, unoptimized emails.",[281,302,303],{},"This Transformer will remove any unused CSS styles and corresponding classes in your HTML, helping you reduce your file size.",[305,306,308],"h2",{"id":307},"usage","Usage",[281,310,311],{},"Enable it in your Environment config:",[313,314,320],"pre",{"className":315,"code":316,"filename":317,"language":318,"meta":319,"style":319},"language-js shiki shiki-themes tailwind-css tailwind-css","export default {\n  css: {\n    purge: true,\n  }\n}\n","config.js","js","",[321,322,323,339,351,365,371],"code",{"__ignoreMap":319},[324,325,328,332,335],"span",{"class":326,"line":327},"line",1,[324,329,331],{"class":330},"sizJ4","export",[324,333,334],{"class":330}," default",[324,336,338],{"class":337},"sprQ5"," {\n",[324,340,342,346,349],{"class":326,"line":341},2,[324,343,345],{"class":344},"sfCc6","  css",[324,347,348],{"class":337},":",[324,350,338],{"class":337},[324,352,354,357,359,362],{"class":326,"line":353},3,[324,355,356],{"class":344},"    purge",[324,358,348],{"class":337},[324,360,361],{"class":330}," true",[324,363,364],{"class":337},",\n",[324,366,368],{"class":326,"line":367},4,[324,369,370],{"class":337},"  }\n",[324,372,374],{"class":326,"line":373},5,[324,375,376],{"class":337},"}\n",[305,378,380],{"id":379},"customization","Customization",[281,382,383,384,387,388,390],{},"You may configure this Transformer through the ",[321,385,386],{},"css.purge"," key in your ",[321,389,317],{},".",[392,393,394],"h3",{"id":394},"safelist",[281,396,397,398],{},"Type: ",[321,399,400],{},"String[]",[281,402,403],{},"Array of classes or id's that you don't want removed.",[281,405,406,407,412],{},"You may use any ",[288,408,411],{"href":409,"rel":410},"https://www.npmjs.com/package/matcher",[292],"matcher"," patterns, for example:",[313,414,416],{"className":315,"code":415,"filename":317,"language":318,"meta":319,"style":319},"export default {\n  css: {\n    purge: {\n      safelist: ['.External*', '.ReadMsgBody', '.yshortcuts', '.Mso*', '#*'],\n    }\n  }\n}\n",[321,417,418,426,434,442,481,486,491],{"__ignoreMap":319},[324,419,420,422,424],{"class":326,"line":327},[324,421,331],{"class":330},[324,423,334],{"class":330},[324,425,338],{"class":337},[324,427,428,430,432],{"class":326,"line":341},[324,429,345],{"class":344},[324,431,348],{"class":337},[324,433,338],{"class":337},[324,435,436,438,440],{"class":326,"line":353},[324,437,356],{"class":344},[324,439,348],{"class":337},[324,441,338],{"class":337},[324,443,444,447,449,452,455,458,461,463,466,468,471,473,476,479],{"class":326,"line":367},[324,445,446],{"class":344},"      safelist",[324,448,348],{"class":337},[324,450,451],{"class":344}," [",[324,453,454],{"class":344},"'.External*'",[324,456,457],{"class":337},",",[324,459,460],{"class":344}," '.ReadMsgBody'",[324,462,457],{"class":337},[324,464,465],{"class":344}," '.yshortcuts'",[324,467,457],{"class":337},[324,469,470],{"class":344}," '.Mso*'",[324,472,457],{"class":337},[324,474,475],{"class":344}," '#*'",[324,477,478],{"class":344},"]",[324,480,364],{"class":337},[324,482,483],{"class":326,"line":373},[324,484,485],{"class":337},"    }\n",[324,487,489],{"class":326,"line":488},6,[324,490,370],{"class":337},[324,492,494],{"class":326,"line":493},7,[324,495,376],{"class":337},[281,497,498,499,506,507,509],{},"Resetting email client styles is commonly done through CSS selectors that do not exist in your email's code.\nMaizzle uses the ",[288,500,503],{"href":501,"rel":502},"https://github.com/maizzle/tailwindcss-email-variants",[292],[321,504,505],{},"tailwindcss-email-variants"," plugin for this, so to make sure the plugin works as expected ",[321,508,394],{}," defaults to this:",[313,511,513],{"className":315,"code":512,"language":318,"meta":319,"style":319},"[\n  '*body*', // Gmail\n  '.gmail*', // Gmail\n  '.apple*', // Apple Mail\n  '.ios*', // Mail on iOS\n  '.ox-*', // Open-Xchange\n  '.outlook*', // Outlook.com\n  '[data-ogs*', // Outlook.com\n  '.bloop_container', // Airmail\n  '.Singleton', // Apple Mail 10\n  '.unused', // Notes 8\n  '.moz-text-html', // Thunderbird\n  '.mail-detail-content', // Comcast, Libero webmail\n  '*edo*', // Edison (all)\n  '#*', // Freenet uses #msgBody\n  '.lang*' // Fenced code blocks\n]\n",[321,514,515,520,531,540,550,560,570,580,590,601,612,623,634,645,656,667,676],{"__ignoreMap":319},[324,516,517],{"class":326,"line":327},[324,518,519],{"class":344},"[\n",[324,521,522,525,527],{"class":326,"line":341},[324,523,524],{"class":344},"  '*body*'",[324,526,457],{"class":337},[324,528,530],{"class":529},"smVoC"," // Gmail\n",[324,532,533,536,538],{"class":326,"line":353},[324,534,535],{"class":344},"  '.gmail*'",[324,537,457],{"class":337},[324,539,530],{"class":529},[324,541,542,545,547],{"class":326,"line":367},[324,543,544],{"class":344},"  '.apple*'",[324,546,457],{"class":337},[324,548,549],{"class":529}," // Apple Mail\n",[324,551,552,555,557],{"class":326,"line":373},[324,553,554],{"class":344},"  '.ios*'",[324,556,457],{"class":337},[324,558,559],{"class":529}," // Mail on iOS\n",[324,561,562,565,567],{"class":326,"line":488},[324,563,564],{"class":344},"  '.ox-*'",[324,566,457],{"class":337},[324,568,569],{"class":529}," // Open-Xchange\n",[324,571,572,575,577],{"class":326,"line":493},[324,573,574],{"class":344},"  '.outlook*'",[324,576,457],{"class":337},[324,578,579],{"class":529}," // Outlook.com\n",[324,581,583,586,588],{"class":326,"line":582},8,[324,584,585],{"class":344},"  '[data-ogs*'",[324,587,457],{"class":337},[324,589,579],{"class":529},[324,591,593,596,598],{"class":326,"line":592},9,[324,594,595],{"class":344},"  '.bloop_container'",[324,597,457],{"class":337},[324,599,600],{"class":529}," // Airmail\n",[324,602,604,607,609],{"class":326,"line":603},10,[324,605,606],{"class":344},"  '.Singleton'",[324,608,457],{"class":337},[324,610,611],{"class":529}," // Apple Mail 10\n",[324,613,615,618,620],{"class":326,"line":614},11,[324,616,617],{"class":344},"  '.unused'",[324,619,457],{"class":337},[324,621,622],{"class":529}," // Notes 8\n",[324,624,626,629,631],{"class":326,"line":625},12,[324,627,628],{"class":344},"  '.moz-text-html'",[324,630,457],{"class":337},[324,632,633],{"class":529}," // Thunderbird\n",[324,635,637,640,642],{"class":326,"line":636},13,[324,638,639],{"class":344},"  '.mail-detail-content'",[324,641,457],{"class":337},[324,643,644],{"class":529}," // Comcast, Libero webmail\n",[324,646,648,651,653],{"class":326,"line":647},14,[324,649,650],{"class":344},"  '*edo*'",[324,652,457],{"class":337},[324,654,655],{"class":529}," // Edison (all)\n",[324,657,659,662,664],{"class":326,"line":658},15,[324,660,661],{"class":344},"  '#*'",[324,663,457],{"class":337},[324,665,666],{"class":529}," // Freenet uses #msgBody\n",[324,668,670,673],{"class":326,"line":669},16,[324,671,672],{"class":344},"  '.lang*'",[324,674,675],{"class":529}," // Fenced code blocks\n",[324,677,679],{"class":326,"line":678},17,[324,680,681],{"class":344},"]\n",[392,683,684],{"id":684},"backend",[281,686,397,687,690,693,694],{},[321,688,689],{},"Array\u003CRecord\u003Cstring, string>>",[691,692],"br",{},"\nDefault: ",[321,695,696],{},"[{heads: '{{', tails: '}}'}, {heads: '{%', tails: '%}'}]",[281,698,699,700,703,704,707,708,711],{},"If you use computed class names, like for example ",[321,701,702],{},"class=\"{{ computedRed }} text-sm\"",", the library will normally treat ",[321,705,706],{},"{{"," and ",[321,709,710],{},"}}"," as class names and will remove them, since there will be no corresponding CSS selectors defined.",[281,713,714,715,717],{},"To prevent this from happening, use the ",[321,716,684],{}," option to define the delimiters:",[313,719,721],{"className":315,"code":720,"filename":317,"language":318,"meta":319,"style":319},"export default {\n  css: {\n    purge: {\n      backend: [\n        { heads: '[[', tails: ']]' },\n      ]\n    }\n  }\n}\n",[321,722,723,731,739,747,757,783,788,792,796],{"__ignoreMap":319},[324,724,725,727,729],{"class":326,"line":327},[324,726,331],{"class":330},[324,728,334],{"class":330},[324,730,338],{"class":337},[324,732,733,735,737],{"class":326,"line":341},[324,734,345],{"class":344},[324,736,348],{"class":337},[324,738,338],{"class":337},[324,740,741,743,745],{"class":326,"line":353},[324,742,356],{"class":344},[324,744,348],{"class":337},[324,746,338],{"class":337},[324,748,749,752,754],{"class":326,"line":367},[324,750,751],{"class":344},"      backend",[324,753,348],{"class":337},[324,755,756],{"class":344}," [\n",[324,758,759,762,765,767,770,772,775,777,780],{"class":326,"line":373},[324,760,761],{"class":337},"        {",[324,763,764],{"class":344}," heads",[324,766,348],{"class":337},[324,768,769],{"class":344}," '[['",[324,771,457],{"class":337},[324,773,774],{"class":344}," tails",[324,776,348],{"class":337},[324,778,779],{"class":344}," ']]'",[324,781,782],{"class":337}," },\n",[324,784,785],{"class":326,"line":488},[324,786,787],{"class":344},"      ]\n",[324,789,790],{"class":326,"line":493},[324,791,485],{"class":337},[324,793,794],{"class":326,"line":582},[324,795,370],{"class":337},[324,797,798],{"class":326,"line":592},[324,799,376],{"class":337},[281,801,802,803,707,806,390],{},"By default, Maizzle preserves ",[321,804,805],{},"{{ }}",[321,807,808],{},"{% %}",[392,810,812],{"id":811},"removehtmlcomments","removeHTMLComments",[281,814,397,815,818,693,820],{},[321,816,817],{},"Boolean",[691,819],{},[321,821,822],{},"true",[281,824,825,826,829,830,833,834,390],{},"Set to ",[321,827,828],{},"false"," to prevent ",[321,831,832],{},"email-comb"," from removing ",[321,835,836],{},"\u003C!-- HTML comments -->",[313,838,840],{"className":315,"code":839,"filename":317,"language":318,"meta":319,"style":319},"export default {\n  css: {\n    purge: {\n      removeHTMLComments: false,\n    }\n  }\n}\n",[321,841,842,850,858,866,878,882,886],{"__ignoreMap":319},[324,843,844,846,848],{"class":326,"line":327},[324,845,331],{"class":330},[324,847,334],{"class":330},[324,849,338],{"class":337},[324,851,852,854,856],{"class":326,"line":341},[324,853,345],{"class":344},[324,855,348],{"class":337},[324,857,338],{"class":337},[324,859,860,862,864],{"class":326,"line":353},[324,861,356],{"class":344},[324,863,348],{"class":337},[324,865,338],{"class":337},[324,867,868,871,873,876],{"class":326,"line":367},[324,869,870],{"class":344},"      removeHTMLComments",[324,872,348],{"class":337},[324,874,875],{"class":330}," false",[324,877,364],{"class":337},[324,879,880],{"class":326,"line":373},[324,881,485],{"class":337},[324,883,884],{"class":326,"line":488},[324,885,370],{"class":337},[324,887,888],{"class":326,"line":493},[324,889,376],{"class":337},[392,891,893],{"id":892},"removecsscomments","removeCSSComments",[281,895,397,896,898,693,900],{},[321,897,817],{},[691,899],{},[321,901,822],{},[281,903,825,904,829,906,833,908,390],{},[321,905,828],{},[321,907,832],{},[321,909,910],{},"/* CSS comments */",[313,912,914],{"className":315,"code":913,"filename":317,"language":318,"meta":319,"style":319},"export default {\n  css: {\n    purge: {\n      removeCSSComments: false,\n    }\n  }\n}\n",[321,915,916,924,932,940,951,955,959],{"__ignoreMap":319},[324,917,918,920,922],{"class":326,"line":327},[324,919,331],{"class":330},[324,921,334],{"class":330},[324,923,338],{"class":337},[324,925,926,928,930],{"class":326,"line":341},[324,927,345],{"class":344},[324,929,348],{"class":337},[324,931,338],{"class":337},[324,933,934,936,938],{"class":326,"line":353},[324,935,356],{"class":344},[324,937,348],{"class":337},[324,939,338],{"class":337},[324,941,942,945,947,949],{"class":326,"line":367},[324,943,944],{"class":344},"      removeCSSComments",[324,946,348],{"class":337},[324,948,875],{"class":330},[324,950,364],{"class":337},[324,952,953],{"class":326,"line":373},[324,954,485],{"class":337},[324,956,957],{"class":326,"line":488},[324,958,370],{"class":337},[324,960,961],{"class":326,"line":493},[324,962,376],{"class":337},[964,965,967],"h4",{"id":966},"preserving-css-comments-when-inlining","Preserving CSS comments when inlining",[281,969,970,971,974,975,977],{},"If you have ",[288,972,973],{"href":115},"CSS inlining"," enabled, CSS comments will still be removed, even with ",[321,976,893],{}," disabled.",[281,979,980,981,984,985,988],{},"You may use the ",[321,982,983],{},"data-embed"," attribute on a ",[321,986,987],{},"\u003Cstyle>"," tag to disable inlining for CSS inside it, if you need to preserve CSS comments.",[281,990,991],{},"For example, MailChimp uses CSS comments to define styles that are editable in their email editor. Here's how you can preserve them:",[993,994,995,1003],"ol",{},[996,997,998,999,1002],"li",{},"Set ",[321,1000,1001],{},"removeCSSComments: false"," in your config, as above",[996,1004,1005,1006,1008],{},"Write your CSS with comments in a separate ",[321,1007,987],{}," tag:",[313,1010,1014],{"className":1011,"code":1012,"language":1013,"meta":319,"style":319},"language-html shiki shiki-themes tailwind-css tailwind-css","\u003Cstyle data-embed>\n  /*\n    @tab Page\n    @section Body Background\n    @tip Set the background colour for the email body.\n  */\n  .wrapper {\n    /*@editable*/background-color: #EEEEEE !important;\n  }\n\u003C/style>\n","html",[321,1015,1016,1032,1037,1042,1047,1052,1057,1065,1092,1096],{"__ignoreMap":319},[324,1017,1018,1022,1025,1029],{"class":326,"line":327},[324,1019,1021],{"class":1020},"soJEP","\u003C",[324,1023,1024],{"class":330},"style",[324,1026,1028],{"class":1027},"sQMLp"," data-embed",[324,1030,1031],{"class":1020},">\n",[324,1033,1034],{"class":326,"line":341},[324,1035,1036],{"class":529},"  /*\n",[324,1038,1039],{"class":326,"line":353},[324,1040,1041],{"class":529},"    @tab Page\n",[324,1043,1044],{"class":326,"line":367},[324,1045,1046],{"class":529},"    @section Body Background\n",[324,1048,1049],{"class":326,"line":373},[324,1050,1051],{"class":529},"    @tip Set the background colour for the email body.\n",[324,1053,1054],{"class":326,"line":488},[324,1055,1056],{"class":529},"  */\n",[324,1058,1059,1062],{"class":326,"line":493},[324,1060,1061],{"class":330},"  .wrapper",[324,1063,338],{"class":1064},"shy1k",[324,1066,1067,1070,1074,1078,1082,1086,1089],{"class":326,"line":582},[324,1068,1069],{"class":529},"    /*@editable*/",[324,1071,1073],{"class":1072},"sO1gY","background-color",[324,1075,1077],{"class":1076},"sO3Gh",": ",[324,1079,1081],{"class":1080},"srhaB","#",[324,1083,1085],{"class":1084},"snKqK","EEEEEE",[324,1087,1088],{"class":330}," !important",[324,1090,1091],{"class":1076},";\n",[324,1093,1094],{"class":326,"line":592},[324,1095,370],{"class":1064},[324,1097,1098,1101,1103],{"class":326,"line":603},[324,1099,1100],{"class":1020},"\u003C/",[324,1102,1024],{"class":330},[324,1104,1031],{"class":1020},[392,1106,1108],{"id":1107},"donotremovehtmlcommentswhoseopeningtagcontains","doNotRemoveHTMLCommentsWhoseOpeningTagContains",[281,1110,397,1111,1113,693,1115],{},[321,1112,400],{},[691,1114],{},[321,1116,1117],{},"['[if', '[endif']",[281,1119,1120],{},"HTML email code often includes Outlook or IE conditional comments, which you probably want to preserve. If the opening tag of a conditional includes any of the strings you list here, the Transformer will not remove that comment.",[313,1122,1124],{"className":315,"code":1123,"filename":317,"language":318,"meta":319,"style":319},"export default {\n  css: {\n    purge: {\n      doNotRemoveHTMLCommentsWhoseOpeningTagContains: ['[if', '[endif'],\n    }\n  }\n}\n",[321,1125,1126,1134,1142,1150,1171,1175,1179],{"__ignoreMap":319},[324,1127,1128,1130,1132],{"class":326,"line":327},[324,1129,331],{"class":330},[324,1131,334],{"class":330},[324,1133,338],{"class":337},[324,1135,1136,1138,1140],{"class":326,"line":341},[324,1137,345],{"class":344},[324,1139,348],{"class":337},[324,1141,338],{"class":337},[324,1143,1144,1146,1148],{"class":326,"line":353},[324,1145,356],{"class":344},[324,1147,348],{"class":337},[324,1149,338],{"class":337},[324,1151,1152,1155,1157,1159,1162,1164,1167,1169],{"class":326,"line":367},[324,1153,1154],{"class":344},"      doNotRemoveHTMLCommentsWhoseOpeningTagContains",[324,1156,348],{"class":337},[324,1158,451],{"class":344},[324,1160,1161],{"class":344},"'[if'",[324,1163,457],{"class":337},[324,1165,1166],{"class":344}," '[endif'",[324,1168,478],{"class":344},[324,1170,364],{"class":337},[324,1172,1173],{"class":326,"line":373},[324,1174,485],{"class":337},[324,1176,1177],{"class":326,"line":488},[324,1178,370],{"class":337},[324,1180,1181],{"class":326,"line":493},[324,1182,376],{"class":337},[392,1184,1185],{"id":1185},"uglify",[281,1187,397,1188,1190,693,1192],{},[321,1189,817],{},[691,1191],{},[321,1193,828],{},[281,1195,1196,1197,1199],{},"Enable this to rename all classes and id's in both your ",[321,1198,987],{}," tags and your body HTML elements, to be as few characters as possible.",[281,1201,1202],{},"Used in production, it will help trim down your HTML size.",[313,1204,1206],{"className":315,"code":1205,"filename":317,"language":318,"meta":319,"style":319},"export default {\n  css: {\n    purge: {\n      uglify: true,\n    }\n  }\n}\n",[321,1207,1208,1216,1224,1232,1243,1247,1251],{"__ignoreMap":319},[324,1209,1210,1212,1214],{"class":326,"line":327},[324,1211,331],{"class":330},[324,1213,334],{"class":330},[324,1215,338],{"class":337},[324,1217,1218,1220,1222],{"class":326,"line":341},[324,1219,345],{"class":344},[324,1221,348],{"class":337},[324,1223,338],{"class":337},[324,1225,1226,1228,1230],{"class":326,"line":353},[324,1227,356],{"class":344},[324,1229,348],{"class":337},[324,1231,338],{"class":337},[324,1233,1234,1237,1239,1241],{"class":326,"line":367},[324,1235,1236],{"class":344},"      uglify",[324,1238,348],{"class":337},[324,1240,361],{"class":330},[324,1242,364],{"class":337},[324,1244,1245],{"class":326,"line":373},[324,1246,485],{"class":337},[324,1248,1249],{"class":326,"line":488},[324,1250,370],{"class":337},[324,1252,1253],{"class":326,"line":493},[324,1254,376],{"class":337},[305,1256,102],{"id":1257},"api",[281,1259,1260,1261,390],{},"The Transformer uses the email-comb library, see all available options ",[288,1262,1265],{"href":1263,"rel":1264},"https://www.npmjs.com/package/email-comb",[292],"here",[313,1267,1270],{"className":315,"code":1268,"filename":1269,"language":318,"meta":319,"style":319},"import { removeUnusedCSS } from '@maizzle/framework'\n\nconst config = {/* email-comb options */}\n\nconst html = await removeUnusedCSS(`\u003Cdiv class=\"unused\">test\u003C/div>`, config)\n","app.js",[321,1271,1272,1293,1299,1318,1322],{"__ignoreMap":319},[324,1273,1274,1278,1281,1284,1287,1290],{"class":326,"line":327},[324,1275,1277],{"class":1276},"s8qYB","import",[324,1279,1280],{"class":337}," {",[324,1282,1283],{"class":1072}," removeUnusedCSS",[324,1285,1286],{"class":337}," }",[324,1288,1289],{"class":337}," from",[324,1291,1292],{"class":1276}," '@maizzle/framework'\n",[324,1294,1295],{"class":326,"line":341},[324,1296,1298],{"emptyLinePlaceholder":1297},true,"\n",[324,1300,1301,1304,1307,1311,1313,1316],{"class":326,"line":353},[324,1302,1303],{"class":1276},"const",[324,1305,1306],{"class":344}," config ",[324,1308,1310],{"class":1309},"sVevU","=",[324,1312,1280],{"class":337},[324,1314,1315],{"class":529},"/* email-comb options */",[324,1317,376],{"class":337},[324,1319,1320],{"class":326,"line":367},[324,1321,1298],{"emptyLinePlaceholder":1297},[324,1323,1324,1326,1329,1331,1334,1337,1340,1343,1345,1348],{"class":326,"line":373},[324,1325,1303],{"class":1276},[324,1327,1328],{"class":344}," html ",[324,1330,1310],{"class":1309},[324,1332,1333],{"class":330}," await",[324,1335,1283],{"class":1336},"s2ImL",[324,1338,1339],{"class":344},"(",[324,1341,1342],{"class":344},"`\u003Cdiv class=\"unused\">test\u003C/div>`",[324,1344,457],{"class":337},[324,1346,1347],{"class":1276}," config",[324,1349,1350],{"class":344},")\n",[1024,1352,1353],{},"html pre.shiki code .sizJ4, html code.shiki .sizJ4{--shiki-light:#EC4899;--shiki-dark:#EC4899}html pre.shiki code .sprQ5, html code.shiki .sprQ5{--shiki-light:#44403C;--shiki-dark:#44403C}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}html pre.shiki code .soJEP, html code.shiki .soJEP{--shiki-light:#CBD5E1;--shiki-dark:#CBD5E1}html pre.shiki code .sQMLp, html code.shiki .sQMLp{--shiki-light:#0EA5E9;--shiki-dark:#0EA5E9}html pre.shiki code .shy1k, html code.shiki .shy1k{--shiki-light:#94A3B8;--shiki-dark:#94A3B8}html pre.shiki code .sO1gY, html code.shiki .sO1gY{--shiki-light:#2563EB;--shiki-dark:#2563EB}html pre.shiki code .sO3Gh, html code.shiki .sO3Gh{--shiki-light:#6366F1;--shiki-dark:#6366F1}html pre.shiki code .srhaB, html code.shiki .srhaB{--shiki-light:#075985;--shiki-dark:#075985}html pre.shiki code .snKqK, html code.shiki .snKqK{--shiki-light:#324258;--shiki-dark:#324258}html pre.shiki code .s8qYB, html code.shiki .s8qYB{--shiki-light:#3730A3;--shiki-dark:#3730A3}html pre.shiki code .sVevU, html code.shiki .sVevU{--shiki-light:#35393E;--shiki-dark:#35393E}html pre.shiki code .s2ImL, html code.shiki .s2ImL{--shiki-light:#00BF99;--shiki-dark:#00BF99}",{"title":319,"searchDepth":341,"depth":341,"links":1355},[1356,1357,1365],{"id":307,"depth":341,"text":308},{"id":379,"depth":341,"text":380,"children":1358},[1359,1360,1361,1362,1363,1364],{"id":394,"depth":353,"text":394},{"id":684,"depth":353,"text":684},{"id":811,"depth":353,"text":812},{"id":892,"depth":353,"text":893},{"id":1107,"depth":353,"text":1108},{"id":1185,"depth":353,"text":1185},{"id":1257,"depth":341,"text":102},"Purge unused CSS, remove HTML comments, or rewrite CSS selectors to be as short as possible.","md",{},{"title":272,"description":1366},{"loc":121},"docs/transformers/purge-css","-yBp7w8YH3bzbItWzbETNvaW5A0xLMWOmUQRB3SNcNY",{"id":4,"extension":5,"items":1374,"meta":1445,"stem":195,"__hash__":196},[1375,1385,1390,1399,1412,1430,1436],{"name":8,"items":1376},[1377,1378,1379,1380,1381,1382,1383,1384],{"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":1386},[1387,1388,1389],{"title":38,"path":39},{"title":41,"path":42},{"title":44,"path":45},{"name":47,"items":1391},[1392,1393,1394,1395,1396,1397,1398],{"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":1400},[1401,1402,1403,1404,1405,1406,1407,1408,1409,1410,1411],{"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":1413},[1414,1415,1416,1417,1418,1419,1420,1421,1422,1423,1424,1425,1426,1427,1428,1429],{"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":1431},[1432,1433,1434,1435],{"title":159,"path":160},{"title":162,"path":163},{"title":165,"path":166},{"title":168,"path":169},{"name":171,"items":1437},[1438,1439,1440,1441,1442,1443,1444],{"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},{},1780318596292]