[{"data":1,"prerenderedAt":420},["ShallowReactive",2],{"navigation_docs_en":3,"-en-functions-responsive":131,"-en-functions-responsive-surround":415},[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":22,"body":133,"description":409,"extension":410,"links":411,"meta":412,"navigation":282,"path":23,"seo":413,"stem":24,"__hash__":414},"docs_en\u002Fen\u002F100.functions\u002F135.responsive.md",{"type":134,"value":135,"toc":406},"minimark",[136,140,144,150,215,220,234,239,402],[137,138,139],"h2",{"id":139},"use-fluid-value",[141,142,143],"p",{},"Returns a value scaling uniformly within the specified viewport limits.",[141,145,146],{},[147,148,149],"strong",{},"Arguments:",[151,152,153,172],"table",{},[154,155,156],"thead",{},[157,158,159,163,166,169],"tr",{},[160,161,162],"th",{},"Name",[160,164,165],{},"Type",[160,167,168],{},"Default",[160,170,171],{},"Description",[173,174,175,198],"tbody",{},[157,176,177,187,192,195],{},[178,179,180,181],"td",{},"$start ",[182,183,186],"span",{"className":184},[185],"text-red-600","*",[178,188,189],{},[190,191,14],"code",{},[178,193,194],{},"—",[178,196,197],{},"The start viewport and property value.",[157,199,200,206,210,212],{},[178,201,202,203],{},"$end ",[182,204,186],{"className":205},[185],[178,207,208],{},[190,209,14],{},[178,211,194],{},[178,213,214],{},"The end viewport and property value.",[141,216,217],{},[147,218,219],{},"Returns:",[141,221,222,225,226,229,230,233],{},[190,223,224],{},"?number"," - Fluid ",[190,227,228],{},"clamp()"," expression, single fixed value, or ",[190,231,232],{},"null"," if both values are absent.",[141,235,236],{},[147,237,238],{},"Example:",[240,241,246],"pre",{"className":242,"code":243,"language":244,"meta":245,"style":245},"language-scss shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@use 'more-sass' as more;\n\n@function fluid-value($start, $end) {\n  @return more.use-fluid-value((320px, $start), (1280px, $end));\n}\n\n.element {\n  margin-block-start: fluid-value(16px, 32px);\n}\n","scss","",[190,247,248,277,284,312,350,356,361,372,397],{"__ignoreMap":245},[182,249,252,256,260,264,267,270,274],{"class":250,"line":251},"line",1,[182,253,255],{"class":254},"s7zQu","@use",[182,257,259],{"class":258},"sMK4o"," '",[182,261,263],{"class":262},"sfazB","more-sass",[182,265,266],{"class":258},"'",[182,268,269],{"class":254}," as",[182,271,273],{"class":272},"sTEyZ"," more",[182,275,276],{"class":258},";\n",[182,278,280],{"class":250,"line":279},2,[182,281,283],{"emptyLinePlaceholder":282},true,"\n",[182,285,287,290,294,297,300,303,306,309],{"class":250,"line":286},3,[182,288,289],{"class":254},"@function",[182,291,293],{"class":292},"s2Zo4"," fluid-value",[182,295,296],{"class":258},"(",[182,298,299],{"class":272},"$start",[182,301,302],{"class":258},",",[182,304,305],{"class":272}," $end",[182,307,308],{"class":258},")",[182,310,311],{"class":258}," {\n",[182,313,315,318,320,323,325,328,332,335,338,341,344,347],{"class":250,"line":314},4,[182,316,317],{"class":254},"  @return",[182,319,273],{"class":272},[182,321,322],{"class":258},".",[182,324,139],{"class":292},[182,326,327],{"class":258},"((",[182,329,331],{"class":330},"sbssI","320px",[182,333,334],{"class":272},", $start",[182,336,337],{"class":258},"),",[182,339,340],{"class":258}," (",[182,342,343],{"class":330},"1280px",[182,345,346],{"class":272},", $end",[182,348,349],{"class":258},"));\n",[182,351,353],{"class":250,"line":352},5,[182,354,355],{"class":258},"}\n",[182,357,359],{"class":250,"line":358},6,[182,360,283],{"emptyLinePlaceholder":282},[182,362,364,366,370],{"class":250,"line":363},7,[182,365,322],{"class":258},[182,367,369],{"class":368},"sBMFI","element",[182,371,311],{"class":258},[182,373,375,379,382,384,386,389,391,394],{"class":250,"line":374},8,[182,376,378],{"class":377},"sqsOY","  margin-block-start",[182,380,381],{"class":258},":",[182,383,293],{"class":292},[182,385,296],{"class":258},[182,387,388],{"class":330},"16px",[182,390,302],{"class":258},[182,392,393],{"class":330}," 32px",[182,395,396],{"class":258},");\n",[182,398,400],{"class":250,"line":399},9,[182,401,355],{"class":258},[403,404,405],"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 .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 pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}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":245,"searchDepth":279,"depth":279,"links":407},[408],{"id":139,"depth":279,"text":139},"Functions group for responsive CSS values.","md",null,{},{"title":22,"description":409},"yP_g68CqAcu5GQkE-YeOao-X3hG6jodqWwTze2gYYKM",[416,418],{"title":18,"path":19,"stem":20,"description":417,"children":-1},"Functions group for work with numeric values.",{"title":26,"path":27,"stem":28,"description":419,"children":-1},"Functions group for common operations.",1783604652260]