[{"data":1,"prerenderedAt":1445},["ShallowReactive",2],{"docs-nav":3,"\u002Fdocs\u002Ftransformers\u002Finline-css":316},[4,9,15,19,24,28,33,37,41,45,49,53,57,60,63,67,70,74,77,81,85,89,93,97,101,105,109,113,117,121,125,129,133,137,141,145,149,153,156,159,162,165,168,171,175,178,181,184,186,189,192,195,198,201,204,207,210,213,216,219,222,225,228,231,234,237,240,244,247,250,253,257,261,264,267,270,273,276,279,282,285,287,290,293,296,299,302,305,308,311,313],{"path":5,"title":6,"section":7,"order":7,"sidebar":8},"\u002Fbrand","Brand",null,false,{"path":10,"title":11,"section":12,"order":13,"sidebar":14},"\u002Fdocs\u002Fapi\u002Fcomposables","Composables","API",2,true,{"path":16,"title":17,"section":12,"order":18,"sidebar":14},"\u002Fdocs\u002Fapi\u002Futilities","Utilities",1,{"path":20,"title":21,"section":22,"order":23,"sidebar":14},"\u002Fdocs\u002Fcli","CLI","Getting Started",9,{"path":25,"title":26,"section":22,"order":27,"sidebar":14},"\u002Fdocs\u002Fcompatibility","Compatibility",4,{"path":29,"title":30,"section":31,"order":32,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fbody","Body","Components",3,{"path":34,"title":35,"section":31,"order":36,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fbutton","Button",13,{"path":38,"title":39,"section":31,"order":40,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcodeblock","CodeBlock",18,{"path":42,"title":43,"section":31,"order":44,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcodeinline","CodeInline",19,{"path":46,"title":47,"section":31,"order":48,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcolumn","Column",8,{"path":50,"title":51,"section":31,"order":52,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcontainer","Container",5,{"path":54,"title":55,"section":31,"order":56,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ffont","Font",11,{"path":58,"title":59,"section":31,"order":13,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhead","Head",{"path":61,"title":62,"section":31,"order":23,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fheading","Heading",{"path":64,"title":65,"section":31,"order":66,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhr","Hr",16,{"path":68,"title":69,"section":31,"order":18,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhtml","Html",{"path":71,"title":72,"section":31,"order":73,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fimg","Img",14,{"path":75,"title":76,"section":31,"order":27,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Flayout","Layout",{"path":78,"title":79,"section":31,"order":80,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Flink","Link",12,{"path":82,"title":83,"section":31,"order":84,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fmarkdown","Markdown",20,{"path":86,"title":87,"section":31,"order":88,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fnotoutlook","NotOutlook",22,{"path":90,"title":91,"section":31,"order":92,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fnowidows","NoWidows",26,{"path":94,"title":95,"section":31,"order":96,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foutlook","Outlook",21,{"path":98,"title":99,"section":31,"order":100,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foutlookbg","OutlookBg",23,{"path":102,"title":103,"section":31,"order":104,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foverview","Overview",0,{"path":106,"title":107,"section":31,"order":108,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fplaintext","Plaintext",31,{"path":110,"title":111,"section":31,"order":112,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fpreheader","Preheader",17,{"path":114,"title":115,"section":31,"order":116,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fqrcode","QrCode",30,{"path":118,"title":119,"section":31,"order":120,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fraw","Raw",28,{"path":122,"title":123,"section":31,"order":124,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Frow","Row",7,{"path":126,"title":127,"section":31,"order":128,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fsection","Section",6,{"path":130,"title":131,"section":31,"order":132,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fspacer","Spacer",15,{"path":134,"title":135,"section":31,"order":136,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ftailwind","Tailwind",29,{"path":138,"title":139,"section":31,"order":140,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ftext","Text",10,{"path":142,"title":143,"section":31,"order":144,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fvml","Vml",24,{"path":146,"title":147,"section":31,"order":148,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fwithurl","WithUrl",27,{"path":150,"title":151,"section":152,"order":128,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Faws-ses","AWS SES","Deploy",{"path":154,"title":155,"section":152,"order":124,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fcloudflare","Cloudflare",{"path":157,"title":158,"section":152,"order":32,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fmailgun","Mailgun",{"path":160,"title":161,"section":152,"order":18,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fnodemailer","Nodemailer",{"path":163,"title":164,"section":152,"order":27,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fpostmark","Postmark",{"path":166,"title":167,"section":152,"order":52,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fresend","Resend",{"path":169,"title":170,"section":152,"order":13,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fsendgrid","SendGrid",{"path":172,"title":173,"section":174,"order":32,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fconfiguration","Configuration","Development",{"path":176,"title":177,"section":174,"order":52,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fevents","Events",{"path":179,"title":180,"section":174,"order":128,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fi18n","i18n",{"path":182,"title":183,"section":174,"order":13,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Flocal","Dev Server",{"path":185,"title":107,"section":174,"order":27,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fplaintext",{"path":187,"title":188,"section":174,"order":18,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Ftemplates","Templates",{"path":190,"title":191,"section":22,"order":32,"sidebar":14},"\u002Fdocs\u002Feditor-setup","Editor Setup",{"path":193,"title":194,"section":22,"order":48,"sidebar":14},"\u002Fdocs\u002Fglossary","Glossary",{"path":196,"title":197,"section":22,"order":128,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fframeworks","Framework Guides",{"path":199,"title":200,"section":197,"order":52,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fadonisjs","AdonisJS",{"path":202,"title":203,"section":197,"order":32,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fastro","Astro",{"path":205,"title":206,"section":197,"order":18,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Flaravel","Laravel",{"path":208,"title":209,"section":197,"order":48,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fnextjs","Next.js",{"path":211,"title":212,"section":197,"order":13,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fnuxt","Nuxt",{"path":214,"title":215,"section":197,"order":124,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fqwik","Qwik",{"path":217,"title":218,"section":197,"order":128,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fsolid","Solid",{"path":220,"title":221,"section":197,"order":27,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fsveltekit","SvelteKit",{"path":223,"title":224,"section":197,"order":23,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Ftanstack","TanStack Start",{"path":226,"title":227,"section":22,"order":13,"sidebar":14},"\u002Fdocs\u002Finstallation","Installation",{"path":229,"title":230,"section":22,"order":32,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fmanual","Manual Installation",{"path":232,"title":233,"section":22,"order":27,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fmonorepo","Monorepo Installation",{"path":235,"title":236,"section":22,"order":52,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fvite","Vite Plugin",{"path":238,"title":239,"section":22,"order":18,"sidebar":14},"\u002Fdocs\u002Fintroduction","What is Maizzle?",{"path":241,"title":242,"section":243,"order":13,"sidebar":14},"\u002Fdocs\u002Fmigrate\u002Fmjml","MJML","Migrate to Maizzle",{"path":245,"title":246,"section":243,"order":18,"sidebar":14},"\u002Fdocs\u002Fmigrate\u002Freact-email","React Email",{"path":248,"title":249,"section":22,"order":124,"sidebar":14},"\u002Fdocs\u002Fresources","Resources",{"path":251,"title":252,"section":22,"order":128,"sidebar":14},"\u002Fdocs\u002Fskill","Agent Skill",{"path":254,"title":255,"section":256,"order":18,"sidebar":14},"\u002Fdocs\u002Ftailwindcss","Tailwind CSS","Core Concepts",{"path":258,"title":259,"section":260,"order":13,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fadd-attributes","Add Attributes","Transformers",{"path":262,"title":263,"section":260,"order":48,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fattribute-to-style","Attribute to Style",{"path":265,"title":266,"section":260,"order":36,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fbase-url","Base URL",{"path":268,"title":269,"section":260,"order":66,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fentities","Entities",{"path":271,"title":272,"section":260,"order":80,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Ffilters","Filters",{"path":274,"title":275,"section":260,"order":112,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fformat","Format",{"path":277,"title":278,"section":260,"order":32,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Finline-css","Inline CSS",{"path":280,"title":281,"section":260,"order":56,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Finline-link","Inline Link",{"path":283,"title":284,"section":260,"order":40,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fminify","Minify",{"path":286,"title":103,"section":260,"order":18,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Foverview",{"path":288,"title":289,"section":260,"order":27,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fpurge-css","Purge CSS",{"path":291,"title":292,"section":260,"order":140,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fremove-attributes","Remove Attributes",{"path":294,"title":295,"section":260,"order":132,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Freplace-strings","Replace Strings",{"path":297,"title":298,"section":260,"order":52,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fsafe-selectors","Safe Selectors",{"path":300,"title":301,"section":260,"order":128,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fshorthand-css","Shorthand CSS",{"path":303,"title":304,"section":260,"order":124,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fsix-hex","Six-digit HEX",{"path":306,"title":307,"section":260,"order":73,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Furl-parameters","URL Parameters",{"path":309,"title":310,"section":22,"order":52,"sidebar":14},"\u002Fdocs\u002Fupgrade-guide","Upgrade Guide",{"path":312,"title":236,"section":256,"order":13,"sidebar":14},"\u002Fdocs\u002Fvite-plugin",{"path":314,"title":315,"section":7,"order":7,"sidebar":8},"\u002Fprivacy","Privacy Policy",{"id":317,"title":278,"body":318,"description":1439,"extension":1440,"meta":1441,"navigation":14,"order":32,"path":277,"section":260,"seo":1442,"sidebar":14,"stem":1443,"toc":14,"__hash__":1444},"docs\u002Fdocs\u002Ftransformers\u002Finline-css.md",{"type":319,"value":320,"toc":1420},"minimark",[321,325,334,339,346,410,413,457,460,503,507,514,568,572,588,655,660,672,687,691,699,705,709,717,727,731,739,746,750,758,761,764,774,780,844,848,857,868,945,949,958,967,971,979,985,989,997,1000,1071,1075,1084,1087,1181,1185,1194,1200,1259,1262,1269,1404,1417],[322,323,278],"h1",{"id":324},"inline-css",[326,327,328,329,333],"p",{},"CSS inlining is still important in HTML email, mainly because of Gmail and Outlook on Windows which have limited support for ",[330,331,332],"code",{},"\u003Cstyle>"," tags.",[335,336,338],"h2",{"id":337},"usage","Usage",[326,340,341,342,345],{},"Enabled by default. To disable, set it to ",[330,343,344],{},"false",":",[347,348,354],"pre",{"className":349,"code":350,"filename":351,"language":352,"meta":353,"style":353},"language-ts shiki shiki-themes laserwave","export default defineConfig({\n  css: {\n    inline: false,\n  },\n})\n","maizzle.config.ts","ts","",[330,355,356,375,386,400,405],{"__ignoreMap":353},[357,358,360,364,367,371],"span",{"class":359,"line":18},"line",[357,361,363],{"class":362},"s0ZPN","export",[357,365,366],{"class":362}," default",[357,368,370],{"class":369},"sZNF3"," defineConfig",[357,372,374],{"class":373},"sGGKt","({\n",[357,376,377,381,383],{"class":359,"line":13},[357,378,380],{"class":379},"sLaUg","  css",[357,382,345],{"class":373},[357,384,385],{"class":373}," {\n",[357,387,388,391,393,397],{"class":359,"line":32},[357,389,390],{"class":379},"    inline",[357,392,345],{"class":373},[357,394,396],{"class":395},"skd8d"," false",[357,398,399],{"class":373},",\n",[357,401,402],{"class":359,"line":27},[357,403,404],{"class":373},"  },\n",[357,406,407],{"class":359,"line":52},[357,408,409],{"class":373},"})\n",[326,411,412],{},"Given this input:",[347,414,418],{"className":415,"code":416,"language":417,"meta":353,"style":353},"language-html shiki shiki-themes laserwave","\u003Cp class=\"text-blue-500\">Hello\u003C\u002Fp>\n","html",[330,419,420],{"__ignoreMap":353},[357,421,422,425,428,431,434,437,441,443,446,449,452,454],{"class":359,"line":18},[357,423,424],{"class":373},"\u003C",[357,426,326],{"class":427},"sb4Pa",[357,429,430],{"class":369}," class",[357,432,433],{"class":373},"=",[357,435,436],{"class":373},"\"",[357,438,440],{"class":439},"sXiT_","text-blue-500",[357,442,436],{"class":373},[357,444,445],{"class":373},">",[357,447,448],{"class":379},"Hello",[357,450,451],{"class":373},"\u003C\u002F",[357,453,326],{"class":427},[357,455,456],{"class":373},">\n",[326,458,459],{},"Result:",[347,461,463],{"className":415,"code":462,"language":417,"meta":353,"style":353},"\u003Cp class=\"text-blue-500\" style=\"color: #3b82f6;\">Hello\u003C\u002Fp>\n",[330,464,465],{"__ignoreMap":353},[357,466,467,469,471,473,475,477,479,481,484,486,488,491,493,495,497,499,501],{"class":359,"line":18},[357,468,424],{"class":373},[357,470,326],{"class":427},[357,472,430],{"class":369},[357,474,433],{"class":373},[357,476,436],{"class":373},[357,478,440],{"class":439},[357,480,436],{"class":373},[357,482,483],{"class":369}," style",[357,485,433],{"class":373},[357,487,436],{"class":373},[357,489,490],{"class":439},"color: #3b82f6;",[357,492,436],{"class":373},[357,494,445],{"class":373},[357,496,448],{"class":379},[357,498,451],{"class":373},[357,500,326],{"class":427},[357,502,456],{"class":373},[335,504,506],{"id":505},"skip-inlining","Skip inlining",[326,508,509,510,513],{},"Style tags with an ",[330,511,512],{},"embed"," attribute are ignored by the inliner:",[347,515,517],{"className":415,"code":516,"language":417,"meta":353,"style":353},"\u003Cstyle embed>\n  .keep-me { width: 100%; }\n\u003C\u002Fstyle>\n",[330,518,519,531,560],{"__ignoreMap":353},[357,520,521,523,526,529],{"class":359,"line":18},[357,522,424],{"class":373},[357,524,525],{"class":427},"style",[357,527,528],{"class":369}," embed",[357,530,456],{"class":373},[357,532,533,536,539,542,545,547,551,554,557],{"class":359,"line":13},[357,534,535],{"class":373},"  .",[357,537,538],{"class":369},"keep-me",[357,540,541],{"class":373}," {",[357,543,544],{"class":362}," width",[357,546,345],{"class":373},[357,548,550],{"class":549},"s0EtI"," 100",[357,552,553],{"class":362},"%",[357,555,556],{"class":373},";",[357,558,559],{"class":373}," }\n",[357,561,562,564,566],{"class":359,"line":32},[357,563,451],{"class":373},[357,565,525],{"class":427},[357,567,456],{"class":373},[335,569,571],{"id":570},"customization","Customization",[326,573,574,575,578,579,587],{},"Pass an object instead of ",[330,576,577],{},"true"," to configure ",[580,581,586],"a",{"href":582,"rel":583,"target":585},"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fjuice",[584],"nofollow","_blank","Juice"," options:",[347,589,591],{"className":349,"code":590,"filename":351,"language":352,"meta":353,"style":353},"export default defineConfig({\n  css: {\n    inline: {\n      preferUnitlessValues: true,\n      removeStyleTags: true,\n    },\n  },\n})\n",[330,592,593,603,611,619,631,642,647,651],{"__ignoreMap":353},[357,594,595,597,599,601],{"class":359,"line":18},[357,596,363],{"class":362},[357,598,366],{"class":362},[357,600,370],{"class":369},[357,602,374],{"class":373},[357,604,605,607,609],{"class":359,"line":13},[357,606,380],{"class":379},[357,608,345],{"class":373},[357,610,385],{"class":373},[357,612,613,615,617],{"class":359,"line":32},[357,614,390],{"class":379},[357,616,345],{"class":373},[357,618,385],{"class":373},[357,620,621,624,626,629],{"class":359,"line":27},[357,622,623],{"class":379},"      preferUnitlessValues",[357,625,345],{"class":373},[357,627,628],{"class":395}," true",[357,630,399],{"class":373},[357,632,633,636,638,640],{"class":359,"line":52},[357,634,635],{"class":379},"      removeStyleTags",[357,637,345],{"class":373},[357,639,628],{"class":395},[357,641,399],{"class":373},[357,643,644],{"class":359,"line":128},[357,645,646],{"class":373},"    },\n",[357,648,649],{"class":359,"line":124},[357,650,404],{"class":373},[357,652,653],{"class":359,"line":48},[357,654,409],{"class":373},[656,657,659],"h3",{"id":658},"preferunitlessvalues","preferUnitlessValues",[326,661,662,663,666,669,670],{},"Type: ",[330,664,665],{},"boolean",[667,668],"br",{},"\nDefault: ",[330,671,577],{},[326,673,674,675,678,679,682,683,686],{},"Converts ",[330,676,677],{},"0px",", ",[330,680,681],{},"0em",", and similar zero values to ",[330,684,685],{},"0",".",[656,688,690],{"id":689},"removeinlinedselectors","removeInlinedSelectors",[326,692,662,693,695,669,697],{},[330,694,665],{},[667,696],{},[330,698,577],{},[326,700,701,702,704],{},"Remove selectors from ",[330,703,332],{}," tags after they have been inlined.",[656,706,708],{"id":707},"applywidthattributes","applyWidthAttributes",[326,710,662,711,713,669,715],{},[330,712,665],{},[667,714],{},[330,716,577],{},[326,718,719,720,723,724,726],{},"Apply ",[330,721,722],{},"width"," CSS values as HTML ",[330,725,722],{}," attributes on elements.",[656,728,730],{"id":729},"applyheightattributes","applyHeightAttributes",[326,732,662,733,735,669,737],{},[330,734,665],{},[667,736],{},[330,738,577],{},[326,740,719,741,723,744,726],{},[330,742,743],{},"height",[330,745,743],{},[656,747,749],{"id":748},"inlineduplicateproperties","inlineDuplicateProperties",[326,751,662,752,754,669,756],{},[330,753,665],{},[667,755],{},[330,757,577],{},[326,759,760],{},"When a property is defined multiple times, inline all occurrences instead of only the last one.",[656,762,763],{"id":763},"safelist",[326,765,662,766,769,669,771],{},[330,767,768],{},"string[]",[667,770],{},[330,772,773],{},"undefined",[326,775,776,777,779],{},"CSS selectors to preserve in ",[330,778,332],{}," even after inlining.",[347,781,783],{"className":349,"code":782,"filename":351,"language":352,"meta":353,"style":353},"export default defineConfig({\n  css: {\n    inline: {\n      safelist: ['.some-class'],\n    },\n  },\n})\n",[330,784,785,795,803,811,832,836,840],{"__ignoreMap":353},[357,786,787,789,791,793],{"class":359,"line":18},[357,788,363],{"class":362},[357,790,366],{"class":362},[357,792,370],{"class":369},[357,794,374],{"class":373},[357,796,797,799,801],{"class":359,"line":13},[357,798,380],{"class":379},[357,800,345],{"class":373},[357,802,385],{"class":373},[357,804,805,807,809],{"class":359,"line":32},[357,806,390],{"class":379},[357,808,345],{"class":373},[357,810,385],{"class":373},[357,812,813,816,818,821,824,827,829],{"class":359,"line":27},[357,814,815],{"class":379},"      safelist",[357,817,345],{"class":373},[357,819,820],{"class":373}," [",[357,822,823],{"class":373},"'",[357,825,826],{"class":439},".some-class",[357,828,823],{"class":373},[357,830,831],{"class":373},"],\n",[357,833,834],{"class":359,"line":52},[357,835,646],{"class":373},[357,837,838],{"class":359,"line":128},[357,839,404],{"class":373},[357,841,842],{"class":359,"line":124},[357,843,409],{"class":373},[656,845,847],{"id":846},"styletoattribute","styleToAttribute",[326,849,662,850,853,669,855],{},[330,851,852],{},"Record\u003Cstring, string>",[667,854],{},[330,856,773],{},[326,858,859,860,863,864,867],{},"Duplicate CSS properties to HTML attributes. For example, to copy ",[330,861,862],{},"background-color"," to a ",[330,865,866],{},"bgcolor"," attribute:",[347,869,871],{"className":349,"code":870,"filename":351,"language":352,"meta":353,"style":353},"export default defineConfig({\n  css: {\n    inline: {\n      styleToAttribute: {\n        'background-color': 'bgcolor',\n      },\n    },\n  },\n})\n",[330,872,873,883,891,899,908,928,933,937,941],{"__ignoreMap":353},[357,874,875,877,879,881],{"class":359,"line":18},[357,876,363],{"class":362},[357,878,366],{"class":362},[357,880,370],{"class":369},[357,882,374],{"class":373},[357,884,885,887,889],{"class":359,"line":13},[357,886,380],{"class":379},[357,888,345],{"class":373},[357,890,385],{"class":373},[357,892,893,895,897],{"class":359,"line":32},[357,894,390],{"class":379},[357,896,345],{"class":373},[357,898,385],{"class":373},[357,900,901,904,906],{"class":359,"line":27},[357,902,903],{"class":379},"      styleToAttribute",[357,905,345],{"class":373},[357,907,385],{"class":373},[357,909,910,913,915,917,919,922,924,926],{"class":359,"line":52},[357,911,912],{"class":373},"        '",[357,914,862],{"class":439},[357,916,823],{"class":373},[357,918,345],{"class":373},[357,920,921],{"class":373}," '",[357,923,866],{"class":439},[357,925,823],{"class":373},[357,927,399],{"class":373},[357,929,930],{"class":359,"line":128},[357,931,932],{"class":373},"      },\n",[357,934,935],{"class":359,"line":124},[357,936,646],{"class":373},[357,938,939],{"class":359,"line":48},[357,940,404],{"class":373},[357,942,943],{"class":359,"line":23},[357,944,409],{"class":373},[656,946,948],{"id":947},"widthelements","widthElements",[326,950,662,951,953,669,955],{},[330,952,768],{},[667,954],{},[330,956,957],{},"['img', 'video']",[326,959,960,961,963,964,966],{},"Elements that can receive a ",[330,962,722],{}," HTML attribute from their CSS ",[330,965,722],{}," value.",[656,968,970],{"id":969},"heightelements","heightElements",[326,972,662,973,975,669,977],{},[330,974,768],{},[667,976],{},[330,978,957],{},[326,980,960,981,963,983,966],{},[330,982,743],{},[330,984,743],{},[656,986,988],{"id":987},"excludedproperties","excludedProperties",[326,990,662,991,993,669,995],{},[330,992,768],{},[667,994],{},[330,996,773],{},[326,998,999],{},"CSS properties to skip when inlining.",[347,1001,1003],{"className":349,"code":1002,"filename":351,"language":352,"meta":353,"style":353},"export default defineConfig({\n  css: {\n    inline: {\n      excludedProperties: ['cursor', 'animation'],\n    },\n  },\n})\n",[330,1004,1005,1015,1023,1031,1059,1063,1067],{"__ignoreMap":353},[357,1006,1007,1009,1011,1013],{"class":359,"line":18},[357,1008,363],{"class":362},[357,1010,366],{"class":362},[357,1012,370],{"class":369},[357,1014,374],{"class":373},[357,1016,1017,1019,1021],{"class":359,"line":13},[357,1018,380],{"class":379},[357,1020,345],{"class":373},[357,1022,385],{"class":373},[357,1024,1025,1027,1029],{"class":359,"line":32},[357,1026,390],{"class":379},[357,1028,345],{"class":373},[357,1030,385],{"class":373},[357,1032,1033,1036,1038,1040,1042,1045,1047,1050,1052,1055,1057],{"class":359,"line":27},[357,1034,1035],{"class":379},"      excludedProperties",[357,1037,345],{"class":373},[357,1039,820],{"class":373},[357,1041,823],{"class":373},[357,1043,1044],{"class":439},"cursor",[357,1046,823],{"class":373},[357,1048,1049],{"class":373},",",[357,1051,921],{"class":373},[357,1053,1054],{"class":439},"animation",[357,1056,823],{"class":373},[357,1058,831],{"class":373},[357,1060,1061],{"class":359,"line":52},[357,1062,646],{"class":373},[357,1064,1065],{"class":359,"line":128},[357,1066,404],{"class":373},[357,1068,1069],{"class":359,"line":124},[357,1070,409],{"class":373},[656,1072,1074],{"id":1073},"codeblocks","codeBlocks",[326,1076,662,1077,1080,669,1082],{},[330,1078,1079],{},"object",[667,1081],{},[330,1083,773],{},[326,1085,1086],{},"Template language delimiters to preserve during inlining, so they aren't mangled by the HTML parser:",[347,1088,1090],{"className":349,"code":1089,"filename":351,"language":352,"meta":353,"style":353},"export default defineConfig({\n  css: {\n    inline: {\n      codeBlocks: {\n        EJS: { start: '\u003C%', end: '%>' },\n      },\n    },\n  },\n})\n",[330,1091,1092,1102,1110,1118,1127,1165,1169,1173,1177],{"__ignoreMap":353},[357,1093,1094,1096,1098,1100],{"class":359,"line":18},[357,1095,363],{"class":362},[357,1097,366],{"class":362},[357,1099,370],{"class":369},[357,1101,374],{"class":373},[357,1103,1104,1106,1108],{"class":359,"line":13},[357,1105,380],{"class":379},[357,1107,345],{"class":373},[357,1109,385],{"class":373},[357,1111,1112,1114,1116],{"class":359,"line":32},[357,1113,390],{"class":379},[357,1115,345],{"class":373},[357,1117,385],{"class":373},[357,1119,1120,1123,1125],{"class":359,"line":27},[357,1121,1122],{"class":379},"      codeBlocks",[357,1124,345],{"class":373},[357,1126,385],{"class":373},[357,1128,1129,1132,1134,1136,1139,1141,1143,1146,1148,1150,1153,1155,1157,1160,1162],{"class":359,"line":52},[357,1130,1131],{"class":379},"        EJS",[357,1133,345],{"class":373},[357,1135,541],{"class":373},[357,1137,1138],{"class":379}," start",[357,1140,345],{"class":373},[357,1142,921],{"class":373},[357,1144,1145],{"class":439},"\u003C%",[357,1147,823],{"class":373},[357,1149,1049],{"class":373},[357,1151,1152],{"class":379}," end",[357,1154,345],{"class":373},[357,1156,921],{"class":373},[357,1158,1159],{"class":439},"%>",[357,1161,823],{"class":373},[357,1163,1164],{"class":373}," },\n",[357,1166,1167],{"class":359,"line":128},[357,1168,932],{"class":373},[357,1170,1171],{"class":359,"line":124},[357,1172,646],{"class":373},[357,1174,1175],{"class":359,"line":48},[357,1176,404],{"class":373},[357,1178,1179],{"class":359,"line":23},[357,1180,409],{"class":373},[656,1182,1184],{"id":1183},"customcss","customCSS",[326,1186,662,1187,1190,669,1192],{},[330,1188,1189],{},"string",[667,1191],{},[330,1193,773],{},[326,1195,1196,1197,1199],{},"An extra CSS string to inline alongside the existing ",[330,1198,332],{}," tags:",[347,1201,1203],{"className":349,"code":1202,"filename":351,"language":352,"meta":353,"style":353},"export default defineConfig({\n  css: {\n    inline: {\n      customCSS: 'p { font-size: 16px; }',\n    },\n  },\n})\n",[330,1204,1205,1215,1223,1231,1247,1251,1255],{"__ignoreMap":353},[357,1206,1207,1209,1211,1213],{"class":359,"line":18},[357,1208,363],{"class":362},[357,1210,366],{"class":362},[357,1212,370],{"class":369},[357,1214,374],{"class":373},[357,1216,1217,1219,1221],{"class":359,"line":13},[357,1218,380],{"class":379},[357,1220,345],{"class":373},[357,1222,385],{"class":373},[357,1224,1225,1227,1229],{"class":359,"line":32},[357,1226,390],{"class":379},[357,1228,345],{"class":373},[357,1230,385],{"class":373},[357,1232,1233,1236,1238,1240,1243,1245],{"class":359,"line":27},[357,1234,1235],{"class":379},"      customCSS",[357,1237,345],{"class":373},[357,1239,921],{"class":373},[357,1241,1242],{"class":439},"p { font-size: 16px; }",[357,1244,823],{"class":373},[357,1246,399],{"class":373},[357,1248,1249],{"class":359,"line":52},[357,1250,646],{"class":373},[357,1252,1253],{"class":359,"line":128},[357,1254,404],{"class":373},[357,1256,1257],{"class":359,"line":124},[357,1258,409],{"class":373},[335,1260,12],{"id":1261},"api",[326,1263,1264,1265,1268],{},"Use ",[330,1266,1267],{},"inlineCss"," to programmatically inline CSS:",[347,1270,1272],{"className":349,"code":1271,"language":352,"meta":353,"style":353},"import { inlineCss } from '@maizzle\u002Fframework'\n\nconst html = `\n  \u003Cstyle>\n    .red { color: red; }\n    .btn { background: blue; padding: 10px; }\n  \u003C\u002Fstyle>\n  \u003Cp class=\"red\">Hello\u003C\u002Fp>\n  \u003Ca class=\"btn\">Click\u003C\u002Fa>\n`\n\nconst out = inlineCss(html, {\n  removeStyleTags: true,\n  preferUnitlessValues: true,\n})\n",[330,1273,1274,1299,1304,1319,1324,1329,1334,1339,1344,1349,1354,1358,1378,1389,1400],{"__ignoreMap":353},[357,1275,1276,1279,1281,1285,1288,1291,1293,1296],{"class":359,"line":18},[357,1277,1278],{"class":362},"import",[357,1280,541],{"class":373},[357,1282,1284],{"class":1283},"sU-n2"," inlineCss",[357,1286,1287],{"class":373}," }",[357,1289,1290],{"class":362}," from",[357,1292,921],{"class":373},[357,1294,1295],{"class":439},"@maizzle\u002Fframework",[357,1297,1298],{"class":373},"'\n",[357,1300,1301],{"class":359,"line":13},[357,1302,1303],{"emptyLinePlaceholder":14},"\n",[357,1305,1306,1310,1313,1316],{"class":359,"line":32},[357,1307,1309],{"class":1308},"sIihq","const",[357,1311,1312],{"class":1283}," html",[357,1314,1315],{"class":427}," =",[357,1317,1318],{"class":373}," `\n",[357,1320,1321],{"class":359,"line":27},[357,1322,1323],{"class":439},"  \u003Cstyle>\n",[357,1325,1326],{"class":359,"line":52},[357,1327,1328],{"class":439},"    .red { color: red; }\n",[357,1330,1331],{"class":359,"line":128},[357,1332,1333],{"class":439},"    .btn { background: blue; padding: 10px; }\n",[357,1335,1336],{"class":359,"line":124},[357,1337,1338],{"class":439},"  \u003C\u002Fstyle>\n",[357,1340,1341],{"class":359,"line":48},[357,1342,1343],{"class":439},"  \u003Cp class=\"red\">Hello\u003C\u002Fp>\n",[357,1345,1346],{"class":359,"line":23},[357,1347,1348],{"class":439},"  \u003Ca class=\"btn\">Click\u003C\u002Fa>\n",[357,1350,1351],{"class":359,"line":140},[357,1352,1353],{"class":373},"`\n",[357,1355,1356],{"class":359,"line":56},[357,1357,1303],{"emptyLinePlaceholder":14},[357,1359,1360,1362,1365,1367,1369,1372,1374,1376],{"class":359,"line":80},[357,1361,1309],{"class":1308},[357,1363,1364],{"class":1283}," out",[357,1366,1315],{"class":427},[357,1368,1284],{"class":369},[357,1370,1371],{"class":373},"(",[357,1373,417],{"class":1283},[357,1375,1049],{"class":373},[357,1377,385],{"class":373},[357,1379,1380,1383,1385,1387],{"class":359,"line":36},[357,1381,1382],{"class":379},"  removeStyleTags",[357,1384,345],{"class":373},[357,1386,628],{"class":395},[357,1388,399],{"class":373},[357,1390,1391,1394,1396,1398],{"class":359,"line":73},[357,1392,1393],{"class":379},"  preferUnitlessValues",[357,1395,345],{"class":373},[357,1397,628],{"class":395},[357,1399,399],{"class":373},[357,1401,1402],{"class":359,"line":132},[357,1403,409],{"class":373},[326,1405,1406,1407,1410,1411,1416],{},"The first argument is an HTML string. The second is an optional ",[330,1408,1409],{},"InlineCssOptions"," object containing every option documented above plus any ",[580,1412,1415],{"href":1413,"rel":1414,"target":585},"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fjuice#options",[584],"Juice option"," is accepted at the top level. Returns the transformed HTML string.",[525,1418,1419],{},"html pre.shiki code .s0ZPN, html code.shiki .s0ZPN{--shiki-default:#40B4C4}html pre.shiki code .sZNF3, html code.shiki .sZNF3{--shiki-default:#EB64B9}html pre.shiki code .sGGKt, html code.shiki .sGGKt{--shiki-default:#7B6995}html pre.shiki code .sLaUg, html code.shiki .sLaUg{--shiki-default:#FFFFFF}html pre.shiki code .skd8d, html code.shiki .skd8d{--shiki-default:#FFE261}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sb4Pa, html code.shiki .sb4Pa{--shiki-default:#74DFC4}html pre.shiki code .sXiT_, html code.shiki .sXiT_{--shiki-default:#B4DCE7}html pre.shiki code .s0EtI, html code.shiki .s0EtI{--shiki-default:#B381C5}html pre.shiki code .sU-n2, html code.shiki .sU-n2{--shiki-default:#FFF}html pre.shiki code .sIihq, html code.shiki .sIihq{--shiki-default:#A96BC0}",{"title":353,"searchDepth":13,"depth":13,"links":1421},[1422,1423,1424,1438],{"id":337,"depth":13,"text":338},{"id":505,"depth":13,"text":506},{"id":570,"depth":13,"text":571,"children":1425},[1426,1427,1428,1429,1430,1431,1432,1433,1434,1435,1436,1437],{"id":658,"depth":32,"text":659},{"id":689,"depth":32,"text":690},{"id":707,"depth":32,"text":708},{"id":729,"depth":32,"text":730},{"id":748,"depth":32,"text":749},{"id":763,"depth":32,"text":763},{"id":846,"depth":32,"text":847},{"id":947,"depth":32,"text":948},{"id":969,"depth":32,"text":970},{"id":987,"depth":32,"text":988},{"id":1073,"depth":32,"text":1074},{"id":1183,"depth":32,"text":1184},{"id":1261,"depth":13,"text":12},"Automatically inline CSS from style tags into HTML element style attributes.","md",{},{"title":278,"description":1439},"docs\u002Ftransformers\u002Finline-css","_y2Rp4QKhIxw-iY81g49AsqpwAHgDjaztcer7oQjDqk",1781013241176]