[{"data":1,"prerenderedAt":663},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-css-utilities-typography":273,"-colorffy-css-utilities-typography-surround":658},[4,21,115],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Colorffy CSS","i-lucide-palette","\u002Fcolorffy-css","2.colorffy-css",[27,32,37,42,78,99],{"title":28,"path":29,"stem":30,"icon":31},"Overview","\u002Fcolorffy-css\u002Foverview","2.colorffy-css\u002F1.overview","i-lucide-book-open",{"title":33,"path":34,"stem":35,"icon":36},"Color System","\u002Fcolorffy-css\u002Fcolor-system","2.colorffy-css\u002F2.color-system","i-lucide-droplet",{"title":38,"path":39,"stem":40,"icon":41},"Customization","\u002Fcolorffy-css\u002Fcustomization","2.colorffy-css\u002F3.customization","i-lucide-settings",{"title":43,"icon":44,"path":45,"stem":46,"children":47,"page":20},"Utilities","i-lucide-wrench","\u002Fcolorffy-css\u002Futilities","2.colorffy-css\u002F4.utilities",[48,53,58,63,68,73],{"title":49,"path":50,"stem":51,"icon":52},"Borders & Shadows","\u002Fcolorffy-css\u002Futilities\u002Fborders-shadows","2.colorffy-css\u002F4.utilities\u002F01.borders-shadows","i-lucide-frame",{"title":54,"path":55,"stem":56,"icon":57},"Colors & Gradients","\u002Fcolorffy-css\u002Futilities\u002Fcolors-gradients","2.colorffy-css\u002F4.utilities\u002F02.colors-gradients","i-lucide-paint-bucket",{"title":59,"path":60,"stem":61,"icon":62},"Display & Flexbox","\u002Fcolorffy-css\u002Futilities\u002Fdisplay-flexbox","2.colorffy-css\u002F4.utilities\u002F03.display-flexbox","i-lucide-stretch-horizontal",{"title":64,"path":65,"stem":66,"icon":67},"Effects","\u002Fcolorffy-css\u002Futilities\u002Feffects","2.colorffy-css\u002F4.utilities\u002F04.effects","i-lucide-wand-sparkles",{"title":69,"path":70,"stem":71,"icon":72},"Spacing","\u002Fcolorffy-css\u002Futilities\u002Fspacing","2.colorffy-css\u002F4.utilities\u002F05.spacing","i-lucide-ruler",{"title":74,"path":75,"stem":76,"icon":77},"Typography","\u002Fcolorffy-css\u002Futilities\u002Ftypography","2.colorffy-css\u002F4.utilities\u002F06.typography","i-lucide-type",{"title":79,"icon":80,"path":81,"stem":82,"children":83,"page":20},"Layout","i-lucide-layout-template","\u002Fcolorffy-css\u002Flayout","2.colorffy-css\u002F5.layout",[84,89,94],{"title":85,"path":86,"stem":87,"icon":88},"App Layout","\u002Fcolorffy-css\u002Flayout\u002Fapp-layout","2.colorffy-css\u002F5.layout\u002F01.app-layout","i-lucide-app-window",{"title":90,"path":91,"stem":92,"icon":93},"Flex Grid","\u002Fcolorffy-css\u002Flayout\u002Fflex-grid","2.colorffy-css\u002F5.layout\u002F02.flex-grid","i-lucide-columns-3",{"title":95,"path":96,"stem":97,"icon":98},"Grid","\u002Fcolorffy-css\u002Flayout\u002Fgrid","2.colorffy-css\u002F5.layout\u002F03.grid","i-lucide-grid-3x3",{"title":100,"icon":101,"path":102,"stem":103,"children":104,"page":20},"SCSS API","i-lucide-braces","\u002Fcolorffy-css\u002Fscss-api","2.colorffy-css\u002F6.scss-api",[105,110],{"title":106,"path":107,"stem":108,"icon":109},"Mixins","\u002Fcolorffy-css\u002Fscss-api\u002Fmixins","2.colorffy-css\u002F6.scss-api\u002F01.mixins","i-lucide-code",{"title":111,"path":112,"stem":113,"icon":114},"Tonal Tokens","\u002Fcolorffy-css\u002Fscss-api\u002Ftonal-tokens","2.colorffy-css\u002F6.scss-api\u002F02.tonal-tokens","i-lucide-swatch-book",{"title":116,"icon":117,"path":118,"stem":119,"children":120,"page":20},"Colorffy UI","i-lucide-blocks","\u002Fcolorffy-ui","3.colorffy-ui",[121,125,268],{"title":122,"path":123,"stem":124,"icon":31},"Usage","\u002Fcolorffy-ui\u002Fusage","3.colorffy-ui\u002F1.usage",{"title":126,"icon":127,"path":128,"stem":129,"children":130,"page":20},"Components","i-lucide-component","\u002Fcolorffy-ui\u002Fcomponents","3.colorffy-ui\u002F2.components",[131,135,140,145,150,155,160,165,170,175,180,185,190,195,200,204,209,214,218,223,228,233,238,243,248,253,258,263],{"title":28,"path":132,"stem":133,"icon":134},"\u002Fcolorffy-ui\u002Fcomponents\u002Foverview","3.colorffy-ui\u002F2.components\u002F00.overview","i-lucide-layout-grid",{"title":136,"path":137,"stem":138,"icon":139},"Accordion","\u002Fcolorffy-ui\u002Fcomponents\u002Faccordion","3.colorffy-ui\u002F2.components\u002F01.accordion","i-lucide-chevrons-down-up",{"title":141,"path":142,"stem":143,"icon":144},"Alert","\u002Fcolorffy-ui\u002Fcomponents\u002Falert","3.colorffy-ui\u002F2.components\u002F02.alert","i-lucide-triangle-alert",{"title":146,"path":147,"stem":148,"icon":149},"Avatar","\u002Fcolorffy-ui\u002Fcomponents\u002Favatar","3.colorffy-ui\u002F2.components\u002F03.avatar","i-lucide-circle-user",{"title":151,"path":152,"stem":153,"icon":154},"Badge","\u002Fcolorffy-ui\u002Fcomponents\u002Fbadge","3.colorffy-ui\u002F2.components\u002F04.badge","i-lucide-tag",{"title":156,"path":157,"stem":158,"icon":159},"Breadcrumb","\u002Fcolorffy-ui\u002Fcomponents\u002Fbreadcrumb","3.colorffy-ui\u002F2.components\u002F05.breadcrumb","i-lucide-chevron-right",{"title":161,"path":162,"stem":163,"icon":164},"Button","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton","3.colorffy-ui\u002F2.components\u002F06.button","i-lucide-square-mouse-pointer",{"title":166,"path":167,"stem":168,"icon":169},"Button Group","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-group","3.colorffy-ui\u002F2.components\u002F07.button-group","i-lucide-square-stack",{"title":171,"path":172,"stem":173,"icon":174},"Button Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-menu","3.colorffy-ui\u002F2.components\u002F08.button-menu","i-lucide-menu",{"title":176,"path":177,"stem":178,"icon":179},"Card","\u002Fcolorffy-ui\u002Fcomponents\u002Fcard","3.colorffy-ui\u002F2.components\u002F09.card","i-lucide-square",{"title":181,"path":182,"stem":183,"icon":184},"Datatable","\u002Fcolorffy-ui\u002Fcomponents\u002Fdatatable","3.colorffy-ui\u002F2.components\u002F10.datatable","i-lucide-table",{"title":186,"path":187,"stem":188,"icon":189},"Empty","\u002Fcolorffy-ui\u002Fcomponents\u002Fempty","3.colorffy-ui\u002F2.components\u002F11.empty","i-lucide-inbox",{"title":191,"path":192,"stem":193,"icon":194},"Icons","\u002Fcolorffy-ui\u002Fcomponents\u002Ficons","3.colorffy-ui\u002F2.components\u002F12.icons","i-lucide-shapes",{"title":196,"path":197,"stem":198,"icon":199},"Inputs","\u002Fcolorffy-ui\u002Fcomponents\u002Finputs","3.colorffy-ui\u002F2.components\u002F13.inputs","i-lucide-text-cursor-input",{"title":79,"path":201,"stem":202,"icon":203},"\u002Fcolorffy-ui\u002Fcomponents\u002Flayout","3.colorffy-ui\u002F2.components\u002F14.layout","i-lucide-layout",{"title":205,"path":206,"stem":207,"icon":208},"List","\u002Fcolorffy-ui\u002Fcomponents\u002Flist","3.colorffy-ui\u002F2.components\u002F15.list","i-lucide-list",{"title":210,"path":211,"stem":212,"icon":213},"Loading","\u002Fcolorffy-ui\u002Fcomponents\u002Floading","3.colorffy-ui\u002F2.components\u002F16.loading","i-lucide-loader-circle",{"title":215,"path":216,"stem":217,"icon":88},"Modal","\u002Fcolorffy-ui\u002Fcomponents\u002Fmodal","3.colorffy-ui\u002F2.components\u002F17.modal",{"title":219,"path":220,"stem":221,"icon":222},"Navbar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavbar","3.colorffy-ui\u002F2.components\u002F18.navbar","i-lucide-panel-top",{"title":224,"path":225,"stem":226,"icon":227},"Navigation Bar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavigation-bar","3.colorffy-ui\u002F2.components\u002F19.navigation-bar","i-lucide-navigation",{"title":229,"path":230,"stem":231,"icon":232},"Popover","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover","3.colorffy-ui\u002F2.components\u002F20.popover","i-lucide-message-square",{"title":234,"path":235,"stem":236,"icon":237},"Popover Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover-menu","3.colorffy-ui\u002F2.components\u002F21.popover-menu","i-lucide-ellipsis",{"title":239,"path":240,"stem":241,"icon":242},"Progress","\u002Fcolorffy-ui\u002Fcomponents\u002Fprogress","3.colorffy-ui\u002F2.components\u002F22.progress","i-lucide-loader",{"title":244,"path":245,"stem":246,"icon":247},"Segmented Controls","\u002Fcolorffy-ui\u002Fcomponents\u002Fsegmented-controls","3.colorffy-ui\u002F2.components\u002F23.segmented-controls","i-lucide-toggle-left",{"title":249,"path":250,"stem":251,"icon":252},"Sidebar","\u002Fcolorffy-ui\u002Fcomponents\u002Fsidebar","3.colorffy-ui\u002F2.components\u002F24.sidebar","i-lucide-panel-left",{"title":254,"path":255,"stem":256,"icon":257},"Skeleton","\u002Fcolorffy-ui\u002Fcomponents\u002Fskeleton","3.colorffy-ui\u002F2.components\u002F25.skeleton","i-lucide-square-dashed",{"title":259,"path":260,"stem":261,"icon":262},"Tabs","\u002Fcolorffy-ui\u002Fcomponents\u002Ftabs","3.colorffy-ui\u002F2.components\u002F26.tabs","i-lucide-panels-top-left",{"title":264,"path":265,"stem":266,"icon":267},"Tooltip","\u002Fcolorffy-ui\u002Fcomponents\u002Ftooltip","3.colorffy-ui\u002F2.components\u002F27.tooltip","i-lucide-message-circle",{"title":269,"path":270,"stem":271,"icon":272},"Styling","\u002Fcolorffy-ui\u002Fstyling","3.colorffy-ui\u002F3.styling","i-lucide-paintbrush",{"id":274,"title":74,"body":275,"description":651,"extension":652,"links":653,"meta":654,"navigation":655,"path":75,"seo":656,"stem":76,"__hash__":657},"docs\u002F2.colorffy-css\u002F4.utilities\u002F06.typography.md",{"type":276,"value":277,"toc":643},"minimark",[278,283,299,303,306,345,349,367,419,423,499,503,506,555,617,621,639],[279,280,282],"h2",{"id":281},"font-family","Font family",[284,285,286,290,291,294,295,298],"p",{},[287,288,289],"code",{},"font-primary"," (Plus Jakarta Sans), ",[287,292,293],{},"font-secondary"," (DM Sans), ",[287,296,297],{},"font-code"," (monospace).",[279,300,302],{"id":301},"font-size","Font size",[284,304,305],{},"Fluid sizes that scale with the viewport:",[307,308,309,335],"ul",{},[310,311,312,313,316,317,316,320,316,323,316,326,316,329,316,332],"li",{},"Large: ",[287,314,315],{},"fs-xl-100",", ",[287,318,319],{},"fs-100",[287,321,322],{},"fs-200",[287,324,325],{},"fs-300",[287,327,328],{},"fs-400",[287,330,331],{},"fs-500",[287,333,334],{},"fs-600",[310,336,337,338,341,342],{},"Small: ",[287,339,340],{},"fs-sm-100"," … ",[287,343,344],{},"fs-sm-500",[279,346,348],{"id":347},"font-weight","Font weight",[284,350,351,316,354,316,357,316,360,316,363,366],{},[287,352,353],{},"fw-400",[287,355,356],{},"fw-500",[287,358,359],{},"fw-600",[287,361,362],{},"fw-700",[287,364,365],{},"fw-800",".",[368,369,374],"pre",{"className":370,"code":371,"language":372,"meta":373,"style":373},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cp class=\"font-primary fs-300 fw-700\">Bold display text\u003C\u002Fp>\n","html","",[287,375,376],{"__ignoreMap":373},[377,378,381,385,388,392,395,398,402,404,407,411,414,416],"span",{"class":379,"line":380},"line",1,[377,382,384],{"class":383},"sMK4o","\u003C",[377,386,284],{"class":387},"swJcz",[377,389,391],{"class":390},"spNyl"," class",[377,393,394],{"class":383},"=",[377,396,397],{"class":383},"\"",[377,399,401],{"class":400},"sfazB","font-primary fs-300 fw-700",[377,403,397],{"class":383},[377,405,406],{"class":383},">",[377,408,410],{"class":409},"sTEyZ","Bold display text",[377,412,413],{"class":383},"\u003C\u002F",[377,415,284],{"class":387},[377,417,418],{"class":383},">\n",[279,420,422],{"id":421},"alignment-wrapping-transform","Alignment, wrapping & transform",[307,424,425,448,469,481],{},[310,426,427,428,316,431,316,434,316,437,316,440,443,444,447],{},"Align: ",[287,429,430],{},"text-left",[287,432,433],{},"text-start",[287,435,436],{},"text-center",[287,438,439],{},"text-right",[287,441,442],{},"text-end"," (+ responsive ",[287,445,446],{},"text-{bp}-center",", …)",[310,449,450,451,316,454,316,457,316,460,316,463,316,466],{},"Wrap: ",[287,452,453],{},"text-wrap",[287,455,456],{},"text-nowrap",[287,458,459],{},"text-break",[287,461,462],{},"text-keep-all",[287,464,465],{},"text-wrap-balance",[287,467,468],{},"text-truncate",[310,470,471,472,316,475,316,478],{},"Transform: ",[287,473,474],{},"text-lowercase",[287,476,477],{},"text-uppercase",[287,479,480],{},"text-capitalize",[310,482,483,484,316,487,316,490,316,493,316,496],{},"Line height: ",[287,485,486],{},"lh-1",[287,488,489],{},"lh-sm",[287,491,492],{},"lh-base",[287,494,495],{},"lh-md",[287,497,498],{},"lh-lg",[279,500,502],{"id":501},"semantic-text-styles","Semantic text styles",[284,504,505],{},"Ready-made hierarchy styles:",[307,507,508,514,527,546],{},[310,509,510,513],{},[287,511,512],{},"text-hero"," — largest display text",[310,515,516,519,520,316,523,526],{},[287,517,518],{},"text-heading"," (+ ",[287,521,522],{},"heading-lg",[287,524,525],{},"heading-xl",") — section headings with variable-font weight",[310,528,529,519,532,535,536,535,539,542,543],{},[287,530,531],{},"text-subheading",[287,533,534],{},"subheading-m0"," \u002F ",[287,537,538],{},"m1",[287,540,541],{},"m2",") — subheadings, with an optional anchor hash on ",[287,544,545],{},"data-link",[310,547,548,551,552],{},[287,549,550],{},"text-title-description"," — title with an animated underline on a following ",[287,553,554],{},".subtitle-1",[368,556,558],{"className":370,"code":557,"language":372,"meta":373,"style":373},"\u003Ch1 class=\"text-hero\">Build vibrant UIs\u003C\u002Fh1>\n\u003Ch2 class=\"text-heading heading-lg\">A bold section title\u003C\u002Fh2>\n",[287,559,560,588],{"__ignoreMap":373},[377,561,562,564,567,569,571,573,575,577,579,582,584,586],{"class":379,"line":380},[377,563,384],{"class":383},[377,565,566],{"class":387},"h1",[377,568,391],{"class":390},[377,570,394],{"class":383},[377,572,397],{"class":383},[377,574,512],{"class":400},[377,576,397],{"class":383},[377,578,406],{"class":383},[377,580,581],{"class":409},"Build vibrant UIs",[377,583,413],{"class":383},[377,585,566],{"class":387},[377,587,418],{"class":383},[377,589,591,593,595,597,599,601,604,606,608,611,613,615],{"class":379,"line":590},2,[377,592,384],{"class":383},[377,594,279],{"class":387},[377,596,391],{"class":390},[377,598,394],{"class":383},[377,600,397],{"class":383},[377,602,603],{"class":400},"text-heading heading-lg",[377,605,397],{"class":383},[377,607,406],{"class":383},[377,609,610],{"class":409},"A bold section title",[377,612,413],{"class":383},[377,614,279],{"class":387},[377,616,418],{"class":383},[279,618,620],{"id":619},"extras","Extras",[284,622,623,626,627,630,631,634,635,638],{},[287,624,625],{},"tabular-numbers"," (aligned figures), ",[287,628,629],{},"text-decoration-side-lines"," (centered text with flanking rules), and ",[287,632,633],{},"text-gradient"," (see ",[636,637,54],"a",{"href":55},").",[640,641,642],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .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 .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);}",{"title":373,"searchDepth":590,"depth":590,"links":644},[645,646,647,648,649,650],{"id":281,"depth":590,"text":282},{"id":301,"depth":590,"text":302},{"id":347,"depth":590,"text":348},{"id":421,"depth":590,"text":422},{"id":501,"depth":590,"text":502},{"id":619,"depth":590,"text":620},"Font, size, weight, alignment, and semantic text utilities.","md",null,{},{"icon":77},{"title":74,"description":651},"Slzjft4nO0LznuTcQy9RN_VKdco63f0qRmS4nKhtCAY",[659,661],{"title":69,"path":70,"stem":71,"description":660,"icon":72,"children":-1},"Margin, padding, gap, and flow utilities on a consistent scale.",{"title":85,"path":86,"stem":87,"description":662,"icon":88,"children":-1},"Structural classes for navbar, sidebar, header, footer, and bottom navigation.",1782196219260]