[{"data":1,"prerenderedAt":786},["ShallowReactive",2],{"navigation_docs_en":3,"-en-mixins-use-fluid-font":131,"-en-mixins-use-fluid-font-surround":781},[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":112,"body":133,"description":775,"extension":776,"links":777,"meta":778,"navigation":304,"path":113,"seo":779,"stem":114,"__hash__":780},"docs_en\u002Fen\u002F200.mixins\u002F300.use-fluid-font.md",{"type":134,"value":135,"toc":770},"minimark",[136,149,152,157,221,253,257,514,518,766],[137,138,139,140,144,145,148],"p",{},"Shorthand for both ",[141,142,143],"code",{},"fluid-prop('font-size')"," and ",[141,146,147],{},"fluid-prop('line-height')",".",[137,150,151],{},"It's recommended to use this mixin as high order mixin to set project defaults and reduce the boilerplate code.",[153,154,156],"h2",{"id":155},"arguments","Arguments",[158,159,160,179],"table",{},[161,162,163],"thead",{},[164,165,166,170,173,176],"tr",{},[167,168,169],"th",{},"Name",[167,171,172],{},"Type",[167,174,175],{},"Default",[167,177,178],{},"Description",[180,181,182,204],"tbody",{},[164,183,184,194,198,201],{},[185,186,187,188],"td",{},"$start ",[189,190,193],"span",{"className":191},[192],"text-red-600","*",[185,195,196],{},[141,197,14],{},[185,199,200],{},"—",[185,202,203],{},"The list containing start values of screen width and font properties.",[164,205,206,212,216,218],{},[185,207,208,209],{},"$end ",[189,210,193],{"className":211},[192],[185,213,214],{},[141,215,14],{},[185,217,200],{},[185,219,220],{},"The list containing end values of screen width and font properties.",[222,223,224,225,144,228,231,232,235,236,239,240,242,243,246,247,242,249,252],"note",{},"Font properties are supplied as slash-separated string of ",[141,226,227],{},"font-size",[141,229,230],{},"line-height"," values,\njust as in the native ",[233,234,60],"strong",{}," property: ",[141,237,238],{},"14px\u002F1.6",".\nYou can also set only ",[233,241,227],{}," (",[141,244,245],{},"14px",") or only ",[233,248,230],{},[141,250,251],{},"\u002F1.6",") value.",[153,254,256],{"id":255},"example","Example",[258,259,260,377],"code-group",{},[261,262,268],"pre",{"className":263,"code":264,"filename":265,"language":266,"meta":267,"style":267},"language-scss shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@use 'more-sass' as more;\n\n.element {\n  @include more.use-fluid-font((320px, '14px\u002F1.5'), (1280px, '20px\u002F1.4'));\n}\n","SCSS","scss","",[141,269,270,299,306,318,371],{"__ignoreMap":267},[189,271,274,278,282,286,289,292,296],{"class":272,"line":273},"line",1,[189,275,277],{"class":276},"s7zQu","@use",[189,279,281],{"class":280},"sMK4o"," '",[189,283,285],{"class":284},"sfazB","more-sass",[189,287,288],{"class":280},"'",[189,290,291],{"class":276}," as",[189,293,295],{"class":294},"sTEyZ"," more",[189,297,298],{"class":280},";\n",[189,300,302],{"class":272,"line":301},2,[189,303,305],{"emptyLinePlaceholder":304},true,"\n",[189,307,309,311,315],{"class":272,"line":308},3,[189,310,148],{"class":280},[189,312,314],{"class":313},"sBMFI","element",[189,316,317],{"class":280}," {\n",[189,319,321,324,326,328,331,334,338,341,343,346,348,351,353,356,359,361,363,366,368],{"class":272,"line":320},4,[189,322,323],{"class":276},"  @include",[189,325,295],{"class":294},[189,327,148],{"class":280},[189,329,112],{"class":330},"s2Zo4",[189,332,333],{"class":280},"((",[189,335,337],{"class":336},"sbssI","320px",[189,339,340],{"class":294},", ",[189,342,288],{"class":280},[189,344,345],{"class":284},"14px\u002F1.5",[189,347,288],{"class":280},[189,349,350],{"class":280},")",[189,352,340],{"class":294},[189,354,355],{"class":280},"(",[189,357,358],{"class":336},"1280px",[189,360,340],{"class":294},[189,362,288],{"class":280},[189,364,365],{"class":284},"20px\u002F1.4",[189,367,288],{"class":280},[189,369,370],{"class":280},"));\n",[189,372,374],{"class":272,"line":373},5,[189,375,376],{"class":280},"}\n",[261,378,383],{"className":379,"code":380,"filename":381,"language":382,"meta":267,"style":267},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".element {\n  font-size: clamp(14px, calc(14px + 6 * (100vi - 320px) \u002F 960), 20px);\n  line-height: clamp(21px, calc(21px + 7 * (100vi - 320px) \u002F 960), 28px);\n}\n","Output","css",[141,384,385,393,458,510],{"__ignoreMap":267},[189,386,387,389,391],{"class":272,"line":273},[189,388,148],{"class":280},[189,390,314],{"class":313},[189,392,317],{"class":280},[189,394,395,399,402,405,407,409,412,415,417,419,422,425,428,430,433,436,439,441,445,448,451,454,456],{"class":272,"line":301},[189,396,398],{"class":397},"sqsOY","  font-size",[189,400,401],{"class":280},":",[189,403,404],{"class":330}," clamp",[189,406,355],{"class":280},[189,408,245],{"class":336},[189,410,411],{"class":280},",",[189,413,414],{"class":330}," calc",[189,416,355],{"class":280},[189,418,245],{"class":336},[189,420,421],{"class":280}," +",[189,423,424],{"class":336}," 6",[189,426,427],{"class":280}," *",[189,429,242],{"class":294},[189,431,432],{"class":336},"100vi",[189,434,435],{"class":280}," -",[189,437,438],{"class":336}," 320px",[189,440,350],{"class":280},[189,442,444],{"class":443},"sHdIc"," \u002F",[189,446,447],{"class":336}," 960",[189,449,450],{"class":280},"),",[189,452,453],{"class":336}," 20px",[189,455,350],{"class":294},[189,457,298],{"class":280},[189,459,460,463,465,467,469,472,474,476,478,480,482,485,487,489,491,493,495,497,499,501,503,506,508],{"class":272,"line":308},[189,461,462],{"class":397},"  line-height",[189,464,401],{"class":280},[189,466,404],{"class":330},[189,468,355],{"class":280},[189,470,471],{"class":336},"21px",[189,473,411],{"class":280},[189,475,414],{"class":330},[189,477,355],{"class":280},[189,479,471],{"class":336},[189,481,421],{"class":280},[189,483,484],{"class":336}," 7",[189,486,427],{"class":280},[189,488,242],{"class":294},[189,490,432],{"class":336},[189,492,435],{"class":280},[189,494,438],{"class":336},[189,496,350],{"class":280},[189,498,444],{"class":443},[189,500,447],{"class":336},[189,502,450],{"class":280},[189,504,505],{"class":336}," 28px",[189,507,350],{"class":294},[189,509,298],{"class":280},[189,511,512],{"class":272,"line":320},[189,513,376],{"class":280},[153,515,517],{"id":516},"example-as-high-order-mixin","Example as high order mixin",[258,519,520,654],{},[261,521,523],{"className":263,"code":522,"filename":265,"language":266,"meta":267,"style":267},"\u002F\u002F setup.scss\n@use 'more-sass' as more;\n\n@mixin fluid-font($min, $max) {\n  @include more.use-fluid-font((320px, $min), (1280px, $max));\n}\n\n\u002F\u002F Other files\n.element {\n  @include fluid-font('14px\u002F1.5', '20px\u002F1.4');\n}\n",[141,524,525,531,547,551,568,598,603,608,614,623,649],{"__ignoreMap":267},[189,526,527],{"class":272,"line":273},[189,528,530],{"class":529},"sHwdD","\u002F\u002F setup.scss\n",[189,532,533,535,537,539,541,543,545],{"class":272,"line":301},[189,534,277],{"class":276},[189,536,281],{"class":280},[189,538,285],{"class":284},[189,540,288],{"class":280},[189,542,291],{"class":276},[189,544,295],{"class":294},[189,546,298],{"class":280},[189,548,549],{"class":272,"line":308},[189,550,305],{"emptyLinePlaceholder":304},[189,552,553,556,559,561,564,566],{"class":272,"line":320},[189,554,555],{"class":276},"@mixin",[189,557,558],{"class":330}," fluid-font",[189,560,355],{"class":280},[189,562,563],{"class":294},"$min, $max",[189,565,350],{"class":280},[189,567,317],{"class":280},[189,569,570,572,574,576,578,580,582,585,587,589,591,593,596],{"class":272,"line":373},[189,571,323],{"class":276},[189,573,295],{"class":294},[189,575,148],{"class":280},[189,577,112],{"class":330},[189,579,333],{"class":280},[189,581,337],{"class":336},[189,583,584],{"class":294},", $min",[189,586,350],{"class":280},[189,588,340],{"class":294},[189,590,355],{"class":280},[189,592,358],{"class":336},[189,594,595],{"class":294},", $max",[189,597,370],{"class":280},[189,599,601],{"class":272,"line":600},6,[189,602,376],{"class":280},[189,604,606],{"class":272,"line":605},7,[189,607,305],{"emptyLinePlaceholder":304},[189,609,611],{"class":272,"line":610},8,[189,612,613],{"class":529},"\u002F\u002F Other files\n",[189,615,617,619,621],{"class":272,"line":616},9,[189,618,148],{"class":280},[189,620,314],{"class":313},[189,622,317],{"class":280},[189,624,626,628,630,632,634,636,638,640,642,644,646],{"class":272,"line":625},10,[189,627,323],{"class":276},[189,629,558],{"class":330},[189,631,355],{"class":280},[189,633,288],{"class":280},[189,635,345],{"class":284},[189,637,288],{"class":280},[189,639,340],{"class":294},[189,641,288],{"class":280},[189,643,365],{"class":284},[189,645,288],{"class":280},[189,647,648],{"class":280},");\n",[189,650,652],{"class":272,"line":651},11,[189,653,376],{"class":280},[261,655,656],{"className":379,"code":380,"filename":381,"language":382,"meta":267,"style":267},[141,657,658,666,714,762],{"__ignoreMap":267},[189,659,660,662,664],{"class":272,"line":273},[189,661,148],{"class":280},[189,663,314],{"class":313},[189,665,317],{"class":280},[189,667,668,670,672,674,676,678,680,682,684,686,688,690,692,694,696,698,700,702,704,706,708,710,712],{"class":272,"line":301},[189,669,398],{"class":397},[189,671,401],{"class":280},[189,673,404],{"class":330},[189,675,355],{"class":280},[189,677,245],{"class":336},[189,679,411],{"class":280},[189,681,414],{"class":330},[189,683,355],{"class":280},[189,685,245],{"class":336},[189,687,421],{"class":280},[189,689,424],{"class":336},[189,691,427],{"class":280},[189,693,242],{"class":294},[189,695,432],{"class":336},[189,697,435],{"class":280},[189,699,438],{"class":336},[189,701,350],{"class":280},[189,703,444],{"class":443},[189,705,447],{"class":336},[189,707,450],{"class":280},[189,709,453],{"class":336},[189,711,350],{"class":294},[189,713,298],{"class":280},[189,715,716,718,720,722,724,726,728,730,732,734,736,738,740,742,744,746,748,750,752,754,756,758,760],{"class":272,"line":308},[189,717,462],{"class":397},[189,719,401],{"class":280},[189,721,404],{"class":330},[189,723,355],{"class":280},[189,725,471],{"class":336},[189,727,411],{"class":280},[189,729,414],{"class":330},[189,731,355],{"class":280},[189,733,471],{"class":336},[189,735,421],{"class":280},[189,737,484],{"class":336},[189,739,427],{"class":280},[189,741,242],{"class":294},[189,743,432],{"class":336},[189,745,435],{"class":280},[189,747,438],{"class":336},[189,749,350],{"class":280},[189,751,444],{"class":443},[189,753,447],{"class":336},[189,755,450],{"class":280},[189,757,505],{"class":336},[189,759,350],{"class":294},[189,761,298],{"class":280},[189,763,764],{"class":272,"line":320},[189,765,376],{"class":280},[767,768,769],"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}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":267,"searchDepth":301,"depth":301,"links":771},[772,773,774],{"id":155,"depth":301,"text":156},{"id":255,"depth":301,"text":256},{"id":516,"depth":301,"text":517},"Sets the font properties (font-size and line-height) scaling uniformly within the specified limits depending on the screen width.","md",null,{},{"title":112,"description":775},"xB1m0DnDlsKOnH4LbUQWGcsyD-3bs9BJHzOf3NSth8I",[782,784],{"title":108,"path":109,"stem":110,"description":783,"children":-1},"Draws a triangle from the current element.",{"title":116,"path":117,"stem":118,"description":785,"children":-1},"Sets a given property scaling uniformly within the specified limits depending on the screen width.",1783604653417]