[{"data":1,"prerenderedAt":729},["ShallowReactive",2],{"navigation_docs_en":3,"-en-mixins-triangle":131,"-en-mixins-triangle-surround":724},[4,34,127],{"title":5,"path":6,"stem":7,"children":8,"page":33},"Functions","\u002Fen\u002Ffunctions","en\u002F100.functions",[9,13,17,21,25,29],{"title":10,"path":11,"stem":12},"color","\u002Fen\u002Ffunctions\u002Fcolor","en\u002F100.functions\u002F110.color",{"title":14,"path":15,"stem":16},"list","\u002Fen\u002Ffunctions\u002Flist","en\u002F100.functions\u002F120.list",{"title":18,"path":19,"stem":20},"math","\u002Fen\u002Ffunctions\u002Fmath","en\u002F100.functions\u002F130.math",{"title":22,"path":23,"stem":24},"responsive","\u002Fen\u002Ffunctions\u002Fresponsive","en\u002F100.functions\u002F135.responsive",{"title":26,"path":27,"stem":28},"meta","\u002Fen\u002Ffunctions\u002Fmeta","en\u002F100.functions\u002F140.meta",{"title":30,"path":31,"stem":32},"string","\u002Fen\u002Ffunctions\u002Fstring","en\u002F100.functions\u002F150.string",false,{"title":35,"path":36,"stem":37,"children":38,"page":33},"Mixins","\u002Fen\u002Fmixins","en\u002F200.mixins",[39,43,47,51,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123],{"title":40,"path":41,"stem":42},"bem-modifiers","\u002Fen\u002Fmixins\u002Fbem-modifiers","en\u002F200.mixins\u002F210.bem-modifiers",{"title":44,"path":45,"stem":46},"border-radius","\u002Fen\u002Fmixins\u002Fborder-radius","en\u002F200.mixins\u002F215.border-radius",{"title":48,"path":49,"stem":50},"box","\u002Fen\u002Fmixins\u002Fbox","en\u002F200.mixins\u002F220.box",{"title":52,"path":53,"stem":54},"br","\u002Fen\u002Fmixins\u002Fbr","en\u002F200.mixins\u002F225.br",{"title":56,"path":57,"stem":58},"ellipsis","\u002Fen\u002Fmixins\u002Fellipsis","en\u002F200.mixins\u002F235.ellipsis",{"title":60,"path":61,"stem":62},"font","\u002Fen\u002Fmixins\u002Ffont","en\u002F200.mixins\u002F240.font",{"title":64,"path":65,"stem":66},"full-size","\u002Fen\u002Fmixins\u002Ffull-size","en\u002F200.mixins\u002F245.full-size",{"title":68,"path":69,"stem":70},"hidden-element","\u002Fen\u002Fmixins\u002Fhidden-element","en\u002F200.mixins\u002F250.hidden-element",{"title":72,"path":73,"stem":74},"hide-scrollbar","\u002Fen\u002Fmixins\u002Fhide-scrollbar","en\u002F200.mixins\u002F251.hide-scrollbar",{"title":76,"path":77,"stem":78},"margin","\u002Fen\u002Fmixins\u002Fmargin","en\u002F200.mixins\u002F255.margin",{"title":80,"path":81,"stem":82},"padding","\u002Fen\u002Fmixins\u002Fpadding","en\u002F200.mixins\u002F260.padding",{"title":84,"path":85,"stem":86},"parent-state","\u002Fen\u002Fmixins\u002Fparent-state","en\u002F200.mixins\u002F265.parent-state",{"title":88,"path":89,"stem":90},"pos","\u002Fen\u002Fmixins\u002Fpos","en\u002F200.mixins\u002F270.pos",{"title":92,"path":93,"stem":94},"pseudo","\u002Fen\u002Fmixins\u002Fpseudo","en\u002F200.mixins\u002F275.pseudo",{"title":96,"path":97,"stem":98},"reset-button","\u002Fen\u002Fmixins\u002Freset-button","en\u002F200.mixins\u002F280.reset-button",{"title":100,"path":101,"stem":102},"reset-input","\u002Fen\u002Fmixins\u002Freset-input","en\u002F200.mixins\u002F285.reset-input",{"title":104,"path":105,"stem":106},"transform-center","\u002Fen\u002Fmixins\u002Ftransform-center","en\u002F200.mixins\u002F290.transform-center",{"title":108,"path":109,"stem":110},"triangle","\u002Fen\u002Fmixins\u002Ftriangle","en\u002F200.mixins\u002F295.triangle",{"title":112,"path":113,"stem":114},"use-fluid-font","\u002Fen\u002Fmixins\u002Fuse-fluid-font","en\u002F200.mixins\u002F300.use-fluid-font",{"title":116,"path":117,"stem":118},"use-fluid-prop","\u002Fen\u002Fmixins\u002Fuse-fluid-prop","en\u002F200.mixins\u002F305.use-fluid-prop",{"title":120,"path":121,"stem":122},"use-transition","\u002Fen\u002Fmixins\u002Fuse-transition","en\u002F200.mixins\u002F310.use-transition",{"title":124,"path":125,"stem":126},"visually-hidden","\u002Fen\u002Fmixins\u002Fvisually-hidden","en\u002F200.mixins\u002F315.visually-hidden",{"title":128,"path":129,"stem":130},"Variables","\u002Fen\u002Fvariables","en\u002F300.variables",{"id":132,"title":108,"body":133,"description":718,"extension":719,"links":720,"meta":721,"navigation":393,"path":109,"seo":722,"stem":110,"__hash__":723},"docs_en\u002Fen\u002F200.mixins\u002F295.triangle.md",{"type":134,"value":135,"toc":714},"minimark",[136,141,241,342,346,710],[137,138,140],"h2",{"id":139},"arguments","Arguments",[142,143,144,163],"table",{},[145,146,147],"thead",{},[148,149,150,154,157,160],"tr",{},[151,152,153],"th",{},"Name",[151,155,156],{},"Type",[151,158,159],{},"Default",[151,161,162],{},"Description",[164,165,166,190,207,224],"tbody",{},[148,167,168,178,184,187],{},[169,170,171,172],"td",{},"$inline-size ",[173,174,177],"span",{"className":175},[176],"text-red-600","*",[169,179,180],{},[181,182,183],"code",{},"number",[169,185,186],{},"—",[169,188,189],{},"Triangle inline size.",[148,191,192,198,202,204],{},[169,193,194,195],{},"$block-size ",[173,196,177],{"className":197},[176],[169,199,200],{},[181,201,183],{},[169,203,186],{},[169,205,206],{},"Triangle block size.",[148,208,209,215,219,221],{},[169,210,211,212],{},"$direction ",[173,213,177],{"className":214},[176],[169,216,217],{},[181,218,30],{},[169,220,186],{},[169,222,223],{},"The keyword describing the triangle direction.",[148,225,226,229,233,238],{},[169,227,228],{},"$color",[169,230,231],{},[181,232,10],{},[169,234,235],{},[181,236,237],{},"currentColor",[169,239,240],{},"Triangle color.",[242,243,244,248],"note",{},[245,246,247],"p",{},"List of direction keywords:",[142,249,250,260],{},[145,251,252],{},[148,253,254,257],{},[151,255,256],{},"Keyword",[151,258,259],{},"Figure",[164,261,262,272,282,292,302,312,322,332],{},[148,263,264,269],{},[169,265,266],{},[181,267,268],{},"top",[169,270,271],{},"▲",[148,273,274,279],{},[169,275,276],{},[181,277,278],{},"bottom",[169,280,281],{},"▼",[148,283,284,289],{},[169,285,286],{},[181,287,288],{},"left",[169,290,291],{},"◀",[148,293,294,299],{},[169,295,296],{},[181,297,298],{},"right",[169,300,301],{},"▶",[148,303,304,309],{},[169,305,306],{},[181,307,308],{},"bottom-left",[169,310,311],{},"◣",[148,313,314,319],{},[169,315,316],{},[181,317,318],{},"bottom-right",[169,320,321],{},"◢",[148,323,324,329],{},[169,325,326],{},[181,327,328],{},"top-left",[169,330,331],{},"◤",[148,333,334,339],{},[169,335,336],{},[181,337,338],{},"top-right",[169,340,341],{},"◥",[137,343,345],{"id":344},"example","Example",[347,348,349,510],"code-group",{},[350,351,357],"pre",{"className":352,"code":353,"filename":354,"language":355,"meta":356,"style":356},"language-scss shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@use 'more-sass' as more;\n\n.element-one {\n  @include more.triangle(10px, 8px, 'top');\n}\n\n.element-two {\n  @include more.triangle(14px, 18px, 'bottom-left', #148cd7);\n}\n","SCSS","scss","",[181,358,359,388,395,408,445,451,456,466,505],{"__ignoreMap":356},[173,360,363,367,371,375,378,381,385],{"class":361,"line":362},"line",1,[173,364,366],{"class":365},"s7zQu","@use",[173,368,370],{"class":369},"sMK4o"," '",[173,372,374],{"class":373},"sfazB","more-sass",[173,376,377],{"class":369},"'",[173,379,380],{"class":365}," as",[173,382,384],{"class":383},"sTEyZ"," more",[173,386,387],{"class":369},";\n",[173,389,391],{"class":361,"line":390},2,[173,392,394],{"emptyLinePlaceholder":393},true,"\n",[173,396,398,401,405],{"class":361,"line":397},3,[173,399,400],{"class":369},".",[173,402,404],{"class":403},"sBMFI","element-one",[173,406,407],{"class":369}," {\n",[173,409,411,414,416,418,421,424,428,431,434,436,438,440,442],{"class":361,"line":410},4,[173,412,413],{"class":365},"  @include",[173,415,384],{"class":383},[173,417,400],{"class":369},[173,419,108],{"class":420},"s2Zo4",[173,422,423],{"class":369},"(",[173,425,427],{"class":426},"sbssI","10px",[173,429,430],{"class":383},", ",[173,432,433],{"class":426},"8px",[173,435,430],{"class":383},[173,437,377],{"class":369},[173,439,268],{"class":373},[173,441,377],{"class":369},[173,443,444],{"class":369},");\n",[173,446,448],{"class":361,"line":447},5,[173,449,450],{"class":369},"}\n",[173,452,454],{"class":361,"line":453},6,[173,455,394],{"emptyLinePlaceholder":393},[173,457,459,461,464],{"class":361,"line":458},7,[173,460,400],{"class":369},[173,462,463],{"class":403},"element-two",[173,465,407],{"class":369},[173,467,469,471,473,475,477,479,482,484,487,489,491,493,495,497,500,503],{"class":361,"line":468},8,[173,470,413],{"class":365},[173,472,384],{"class":383},[173,474,400],{"class":369},[173,476,108],{"class":420},[173,478,423],{"class":369},[173,480,481],{"class":426},"14px",[173,483,430],{"class":383},[173,485,486],{"class":426},"18px",[173,488,430],{"class":383},[173,490,377],{"class":369},[173,492,308],{"class":373},[173,494,377],{"class":369},[173,496,430],{"class":383},[173,498,499],{"class":369},"#",[173,501,502],{"class":383},"148cd7",[173,504,444],{"class":369},[173,506,508],{"class":361,"line":507},9,[173,509,450],{"class":369},[350,511,516],{"className":512,"code":513,"filename":514,"language":515,"meta":356,"style":356},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".element-one {\n  display: block flow;\n  inline-size: 10px;\n  block-size: 8px;\n  background: currentColor;\n  clip-path: polygon(50% 0, 100% 100%, 0 100%);\n}\n\n.element-two {\n  display: block flow;\n  inline-size: 14px;\n  block-size: 18px;\n  background: #148cd7;\n  clip-path: polygon(0 0, 0 100%, 100% 100%);\n}\n","Output","css",[181,517,518,526,540,552,564,576,610,614,618,626,637,649,661,675,705],{"__ignoreMap":356},[173,519,520,522,524],{"class":361,"line":362},[173,521,400],{"class":369},[173,523,404],{"class":403},[173,525,407],{"class":369},[173,527,528,532,535,538],{"class":361,"line":390},[173,529,531],{"class":530},"sqsOY","  display",[173,533,534],{"class":369},":",[173,536,537],{"class":383}," block flow",[173,539,387],{"class":369},[173,541,542,545,547,550],{"class":361,"line":397},[173,543,544],{"class":530},"  inline-size",[173,546,534],{"class":369},[173,548,549],{"class":426}," 10px",[173,551,387],{"class":369},[173,553,554,557,559,562],{"class":361,"line":410},[173,555,556],{"class":530},"  block-size",[173,558,534],{"class":369},[173,560,561],{"class":426}," 8px",[173,563,387],{"class":369},[173,565,566,569,571,574],{"class":361,"line":447},[173,567,568],{"class":530},"  background",[173,570,534],{"class":369},[173,572,573],{"class":383}," currentColor",[173,575,387],{"class":369},[173,577,578,581,583,586,588,591,594,597,600,602,604,606,608],{"class":361,"line":453},[173,579,580],{"class":530},"  clip-path",[173,582,534],{"class":369},[173,584,585],{"class":420}," polygon",[173,587,423],{"class":369},[173,589,590],{"class":426},"50%",[173,592,593],{"class":426}," 0",[173,595,596],{"class":369},",",[173,598,599],{"class":426}," 100%",[173,601,599],{"class":426},[173,603,596],{"class":369},[173,605,593],{"class":426},[173,607,599],{"class":426},[173,609,444],{"class":369},[173,611,612],{"class":361,"line":458},[173,613,450],{"class":369},[173,615,616],{"class":361,"line":468},[173,617,394],{"emptyLinePlaceholder":393},[173,619,620,622,624],{"class":361,"line":507},[173,621,400],{"class":369},[173,623,463],{"class":403},[173,625,407],{"class":369},[173,627,629,631,633,635],{"class":361,"line":628},10,[173,630,531],{"class":530},[173,632,534],{"class":369},[173,634,537],{"class":383},[173,636,387],{"class":369},[173,638,640,642,644,647],{"class":361,"line":639},11,[173,641,544],{"class":530},[173,643,534],{"class":369},[173,645,646],{"class":426}," 14px",[173,648,387],{"class":369},[173,650,652,654,656,659],{"class":361,"line":651},12,[173,653,556],{"class":530},[173,655,534],{"class":369},[173,657,658],{"class":426}," 18px",[173,660,387],{"class":369},[173,662,664,666,668,671,673],{"class":361,"line":663},13,[173,665,568],{"class":530},[173,667,534],{"class":369},[173,669,670],{"class":369}," #",[173,672,502],{"class":383},[173,674,387],{"class":369},[173,676,678,680,682,684,686,689,691,693,695,697,699,701,703],{"class":361,"line":677},14,[173,679,580],{"class":530},[173,681,534],{"class":369},[173,683,585],{"class":420},[173,685,423],{"class":369},[173,687,688],{"class":426},"0",[173,690,593],{"class":426},[173,692,596],{"class":369},[173,694,593],{"class":426},[173,696,599],{"class":426},[173,698,596],{"class":369},[173,700,599],{"class":426},[173,702,599],{"class":426},[173,704,444],{"class":369},[173,706,708],{"class":361,"line":707},15,[173,709,450],{"class":369},[711,712,713],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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);}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}",{"title":356,"searchDepth":390,"depth":390,"links":715},[716,717],{"id":139,"depth":390,"text":140},{"id":344,"depth":390,"text":345},"Draws a triangle from the current element.","md",null,{},{"title":108,"description":718},"K-5ywMoSNz4A7MYNU6hB0WbzZ7Yea8TXV06VHqIKBAY",[725,727],{"title":104,"path":105,"stem":106,"description":726,"children":-1},"Positions the element in the center of the parent element via transform property.",{"title":112,"path":113,"stem":114,"description":728,"children":-1},"Sets the font properties (font-size and line-height) scaling uniformly within the specified limits depending on the screen width.",1783604653401]