[{"data":1,"prerenderedAt":790},["ShallowReactive",2],{"navigation_docs_ru":3,"-ru-mixins-use-fluid-font":131,"-ru-mixins-use-fluid-font-surround":785},[4,34,127],{"title":5,"path":6,"stem":7,"children":8,"page":33},"Функции","\u002Fru\u002Ffunctions","ru\u002F100.functions",[9,13,17,21,25,29],{"title":10,"path":11,"stem":12},"color","\u002Fru\u002Ffunctions\u002Fcolor","ru\u002F100.functions\u002F110.color",{"title":14,"path":15,"stem":16},"list","\u002Fru\u002Ffunctions\u002Flist","ru\u002F100.functions\u002F120.list",{"title":18,"path":19,"stem":20},"math","\u002Fru\u002Ffunctions\u002Fmath","ru\u002F100.functions\u002F130.math",{"title":22,"path":23,"stem":24},"responsive","\u002Fru\u002Ffunctions\u002Fresponsive","ru\u002F100.functions\u002F135.responsive",{"title":26,"path":27,"stem":28},"meta","\u002Fru\u002Ffunctions\u002Fmeta","ru\u002F100.functions\u002F140.meta",{"title":30,"path":31,"stem":32},"string","\u002Fru\u002Ffunctions\u002Fstring","ru\u002F100.functions\u002F150.string",false,{"title":35,"path":36,"stem":37,"children":38,"page":33},"Миксины","\u002Fru\u002Fmixins","ru\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","\u002Fru\u002Fmixins\u002Fbem-modifiers","ru\u002F200.mixins\u002F210.bem-modifiers",{"title":44,"path":45,"stem":46},"border-radius","\u002Fru\u002Fmixins\u002Fborder-radius","ru\u002F200.mixins\u002F215.border-radius",{"title":48,"path":49,"stem":50},"box","\u002Fru\u002Fmixins\u002Fbox","ru\u002F200.mixins\u002F220.box",{"title":52,"path":53,"stem":54},"br","\u002Fru\u002Fmixins\u002Fbr","ru\u002F200.mixins\u002F225.br",{"title":56,"path":57,"stem":58},"ellipsis","\u002Fru\u002Fmixins\u002Fellipsis","ru\u002F200.mixins\u002F235.ellipsis",{"title":60,"path":61,"stem":62},"font","\u002Fru\u002Fmixins\u002Ffont","ru\u002F200.mixins\u002F240.font",{"title":64,"path":65,"stem":66},"full-size","\u002Fru\u002Fmixins\u002Ffull-size","ru\u002F200.mixins\u002F245.full-size",{"title":68,"path":69,"stem":70},"hidden-element","\u002Fru\u002Fmixins\u002Fhidden-element","ru\u002F200.mixins\u002F250.hidden-element",{"title":72,"path":73,"stem":74},"hide-scrollbar","\u002Fru\u002Fmixins\u002Fhide-scrollbar","ru\u002F200.mixins\u002F251.hide-scrollbar",{"title":76,"path":77,"stem":78},"margin","\u002Fru\u002Fmixins\u002Fmargin","ru\u002F200.mixins\u002F255.margin",{"title":80,"path":81,"stem":82},"padding","\u002Fru\u002Fmixins\u002Fpadding","ru\u002F200.mixins\u002F260.padding",{"title":84,"path":85,"stem":86},"parent-state","\u002Fru\u002Fmixins\u002Fparent-state","ru\u002F200.mixins\u002F265.parent-state",{"title":88,"path":89,"stem":90},"pos","\u002Fru\u002Fmixins\u002Fpos","ru\u002F200.mixins\u002F270.pos",{"title":92,"path":93,"stem":94},"pseudo","\u002Fru\u002Fmixins\u002Fpseudo","ru\u002F200.mixins\u002F275.pseudo",{"title":96,"path":97,"stem":98},"reset-button","\u002Fru\u002Fmixins\u002Freset-button","ru\u002F200.mixins\u002F280.reset-button",{"title":100,"path":101,"stem":102},"reset-input","\u002Fru\u002Fmixins\u002Freset-input","ru\u002F200.mixins\u002F285.reset-input",{"title":104,"path":105,"stem":106},"transform-center","\u002Fru\u002Fmixins\u002Ftransform-center","ru\u002F200.mixins\u002F290.transform-center",{"title":108,"path":109,"stem":110},"triangle","\u002Fru\u002Fmixins\u002Ftriangle","ru\u002F200.mixins\u002F295.triangle",{"title":112,"path":113,"stem":114},"use-fluid-font","\u002Fru\u002Fmixins\u002Fuse-fluid-font","ru\u002F200.mixins\u002F300.use-fluid-font",{"title":116,"path":117,"stem":118},"use-fluid-prop","\u002Fru\u002Fmixins\u002Fuse-fluid-prop","ru\u002F200.mixins\u002F305.use-fluid-prop",{"title":120,"path":121,"stem":122},"use-transition","\u002Fru\u002Fmixins\u002Fuse-transition","ru\u002F200.mixins\u002F310.use-transition",{"title":124,"path":125,"stem":126},"visually-hidden","\u002Fru\u002Fmixins\u002Fvisually-hidden","ru\u002F200.mixins\u002F315.visually-hidden",{"title":128,"path":129,"stem":130},"Переменные","\u002Fru\u002Fvariables","ru\u002F300.variables",{"id":132,"title":112,"body":133,"description":779,"extension":780,"links":781,"meta":782,"navigation":308,"path":113,"seo":783,"stem":114,"__hash__":784},"docs_ru\u002Fru\u002F200.mixins\u002F300.use-fluid-font.md",{"type":134,"value":135,"toc":774},"minimark",[136,149,152,157,221,257,261,518,522,770],[137,138,139,140,144,145,148],"p",{},"Сокращённый вариант одновременного использования ",[141,142,143],"code",{},"use-fluid-prop('font-size')"," и ",[141,146,147],{},"use-fluid-prop('line-height')",".",[137,150,151],{},"Рекомендуется использовать как миксин высшего порядка для задания проектных умолчаний с целью уменьшения шаблонного кода.",[153,154,156],"h2",{"id":155},"параметры","Параметры",[158,159,160,179],"table",{},[161,162,163],"thead",{},[164,165,166,170,173,176],"tr",{},[167,168,169],"th",{},"Имя",[167,171,172],{},"Тип",[167,174,175],{},"По умолчанию",[167,177,178],{},"Описание",[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],{},"Список, содержащий начальные значения ширины экрана и свойств шрифта.",[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],{},"Список, содержащий конечные значения ширины экрана и свойств шрифта.",[222,223,224,225,144,228,231,232,235,236,239,240,243,244,246,247,250,251,246,253,256],"note",{},"Свойства шрифта передаются в виде строки, содержащей значения ",[141,226,227],{},"font-size",[141,229,230],{},"line-height",", разделённые слэшем (",[141,233,234],{},"\u002F","),\nкак и в стандартном свойстве ",[237,238,60],"em",{},": ",[141,241,242],{},"14px\u002F1.6",".\nТакже можно установить только значение ",[237,245,227],{}," (",[141,248,249],{},"14px",") или только ",[237,252,230],{},[141,254,255],{},"\u002F1.6",").",[153,258,260],{"id":259},"пример-использования","Пример использования",[262,263,264,381],"code-group",{},[265,266,272],"pre",{"className":267,"code":268,"filename":269,"language":270,"meta":271,"style":271},"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,273,274,303,310,322,375],{"__ignoreMap":271},[189,275,278,282,286,290,293,296,300],{"class":276,"line":277},"line",1,[189,279,281],{"class":280},"s7zQu","@use",[189,283,285],{"class":284},"sMK4o"," '",[189,287,289],{"class":288},"sfazB","more-sass",[189,291,292],{"class":284},"'",[189,294,295],{"class":280}," as",[189,297,299],{"class":298},"sTEyZ"," more",[189,301,302],{"class":284},";\n",[189,304,306],{"class":276,"line":305},2,[189,307,309],{"emptyLinePlaceholder":308},true,"\n",[189,311,313,315,319],{"class":276,"line":312},3,[189,314,148],{"class":284},[189,316,318],{"class":317},"sBMFI","element",[189,320,321],{"class":284}," {\n",[189,323,325,328,330,332,335,338,342,345,347,350,352,355,357,360,363,365,367,370,372],{"class":276,"line":324},4,[189,326,327],{"class":280},"  @include",[189,329,299],{"class":298},[189,331,148],{"class":284},[189,333,112],{"class":334},"s2Zo4",[189,336,337],{"class":284},"((",[189,339,341],{"class":340},"sbssI","320px",[189,343,344],{"class":298},", ",[189,346,292],{"class":284},[189,348,349],{"class":288},"14px\u002F1.5",[189,351,292],{"class":284},[189,353,354],{"class":284},")",[189,356,344],{"class":298},[189,358,359],{"class":284},"(",[189,361,362],{"class":340},"1280px",[189,364,344],{"class":298},[189,366,292],{"class":284},[189,368,369],{"class":288},"20px\u002F1.4",[189,371,292],{"class":284},[189,373,374],{"class":284},"));\n",[189,376,378],{"class":276,"line":377},5,[189,379,380],{"class":284},"}\n",[265,382,387],{"className":383,"code":384,"filename":385,"language":386,"meta":271,"style":271},"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","Результат","css",[141,388,389,397,462,514],{"__ignoreMap":271},[189,390,391,393,395],{"class":276,"line":277},[189,392,148],{"class":284},[189,394,318],{"class":317},[189,396,321],{"class":284},[189,398,399,403,406,409,411,413,416,419,421,423,426,429,432,434,437,440,443,445,449,452,455,458,460],{"class":276,"line":305},[189,400,402],{"class":401},"sqsOY","  font-size",[189,404,405],{"class":284},":",[189,407,408],{"class":334}," clamp",[189,410,359],{"class":284},[189,412,249],{"class":340},[189,414,415],{"class":284},",",[189,417,418],{"class":334}," calc",[189,420,359],{"class":284},[189,422,249],{"class":340},[189,424,425],{"class":284}," +",[189,427,428],{"class":340}," 6",[189,430,431],{"class":284}," *",[189,433,246],{"class":298},[189,435,436],{"class":340},"100vi",[189,438,439],{"class":284}," -",[189,441,442],{"class":340}," 320px",[189,444,354],{"class":284},[189,446,448],{"class":447},"sHdIc"," \u002F",[189,450,451],{"class":340}," 960",[189,453,454],{"class":284},"),",[189,456,457],{"class":340}," 20px",[189,459,354],{"class":298},[189,461,302],{"class":284},[189,463,464,467,469,471,473,476,478,480,482,484,486,489,491,493,495,497,499,501,503,505,507,510,512],{"class":276,"line":312},[189,465,466],{"class":401},"  line-height",[189,468,405],{"class":284},[189,470,408],{"class":334},[189,472,359],{"class":284},[189,474,475],{"class":340},"21px",[189,477,415],{"class":284},[189,479,418],{"class":334},[189,481,359],{"class":284},[189,483,475],{"class":340},[189,485,425],{"class":284},[189,487,488],{"class":340}," 7",[189,490,431],{"class":284},[189,492,246],{"class":298},[189,494,436],{"class":340},[189,496,439],{"class":284},[189,498,442],{"class":340},[189,500,354],{"class":284},[189,502,448],{"class":447},[189,504,451],{"class":340},[189,506,454],{"class":284},[189,508,509],{"class":340}," 28px",[189,511,354],{"class":298},[189,513,302],{"class":284},[189,515,516],{"class":276,"line":324},[189,517,380],{"class":284},[153,519,521],{"id":520},"пример-использования-в-качестве-миксина-высшего-порядка","Пример использования в качестве миксина высшего порядка",[262,523,524,658],{},[265,525,527],{"className":267,"code":526,"filename":269,"language":270,"meta":271,"style":271},"\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,528,529,535,551,555,572,602,607,612,618,627,653],{"__ignoreMap":271},[189,530,531],{"class":276,"line":277},[189,532,534],{"class":533},"sHwdD","\u002F\u002F setup.scss\n",[189,536,537,539,541,543,545,547,549],{"class":276,"line":305},[189,538,281],{"class":280},[189,540,285],{"class":284},[189,542,289],{"class":288},[189,544,292],{"class":284},[189,546,295],{"class":280},[189,548,299],{"class":298},[189,550,302],{"class":284},[189,552,553],{"class":276,"line":312},[189,554,309],{"emptyLinePlaceholder":308},[189,556,557,560,563,565,568,570],{"class":276,"line":324},[189,558,559],{"class":280},"@mixin",[189,561,562],{"class":334}," fluid-font",[189,564,359],{"class":284},[189,566,567],{"class":298},"$min, $max",[189,569,354],{"class":284},[189,571,321],{"class":284},[189,573,574,576,578,580,582,584,586,589,591,593,595,597,600],{"class":276,"line":377},[189,575,327],{"class":280},[189,577,299],{"class":298},[189,579,148],{"class":284},[189,581,112],{"class":334},[189,583,337],{"class":284},[189,585,341],{"class":340},[189,587,588],{"class":298},", $min",[189,590,354],{"class":284},[189,592,344],{"class":298},[189,594,359],{"class":284},[189,596,362],{"class":340},[189,598,599],{"class":298},", $max",[189,601,374],{"class":284},[189,603,605],{"class":276,"line":604},6,[189,606,380],{"class":284},[189,608,610],{"class":276,"line":609},7,[189,611,309],{"emptyLinePlaceholder":308},[189,613,615],{"class":276,"line":614},8,[189,616,617],{"class":533},"\u002F\u002F Other files\n",[189,619,621,623,625],{"class":276,"line":620},9,[189,622,148],{"class":284},[189,624,318],{"class":317},[189,626,321],{"class":284},[189,628,630,632,634,636,638,640,642,644,646,648,650],{"class":276,"line":629},10,[189,631,327],{"class":280},[189,633,562],{"class":334},[189,635,359],{"class":284},[189,637,292],{"class":284},[189,639,349],{"class":288},[189,641,292],{"class":284},[189,643,344],{"class":298},[189,645,292],{"class":284},[189,647,369],{"class":288},[189,649,292],{"class":284},[189,651,652],{"class":284},");\n",[189,654,656],{"class":276,"line":655},11,[189,657,380],{"class":284},[265,659,660],{"className":383,"code":384,"filename":385,"language":386,"meta":271,"style":271},[141,661,662,670,718,766],{"__ignoreMap":271},[189,663,664,666,668],{"class":276,"line":277},[189,665,148],{"class":284},[189,667,318],{"class":317},[189,669,321],{"class":284},[189,671,672,674,676,678,680,682,684,686,688,690,692,694,696,698,700,702,704,706,708,710,712,714,716],{"class":276,"line":305},[189,673,402],{"class":401},[189,675,405],{"class":284},[189,677,408],{"class":334},[189,679,359],{"class":284},[189,681,249],{"class":340},[189,683,415],{"class":284},[189,685,418],{"class":334},[189,687,359],{"class":284},[189,689,249],{"class":340},[189,691,425],{"class":284},[189,693,428],{"class":340},[189,695,431],{"class":284},[189,697,246],{"class":298},[189,699,436],{"class":340},[189,701,439],{"class":284},[189,703,442],{"class":340},[189,705,354],{"class":284},[189,707,448],{"class":447},[189,709,451],{"class":340},[189,711,454],{"class":284},[189,713,457],{"class":340},[189,715,354],{"class":298},[189,717,302],{"class":284},[189,719,720,722,724,726,728,730,732,734,736,738,740,742,744,746,748,750,752,754,756,758,760,762,764],{"class":276,"line":312},[189,721,466],{"class":401},[189,723,405],{"class":284},[189,725,408],{"class":334},[189,727,359],{"class":284},[189,729,475],{"class":340},[189,731,415],{"class":284},[189,733,418],{"class":334},[189,735,359],{"class":284},[189,737,475],{"class":340},[189,739,425],{"class":284},[189,741,488],{"class":340},[189,743,431],{"class":284},[189,745,246],{"class":298},[189,747,436],{"class":340},[189,749,439],{"class":284},[189,751,442],{"class":340},[189,753,354],{"class":284},[189,755,448],{"class":447},[189,757,451],{"class":340},[189,759,454],{"class":284},[189,761,509],{"class":340},[189,763,354],{"class":298},[189,765,302],{"class":284},[189,767,768],{"class":276,"line":324},[189,769,380],{"class":284},[771,772,773],"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":271,"searchDepth":305,"depth":305,"links":775},[776,777,778],{"id":155,"depth":305,"text":156},{"id":259,"depth":305,"text":260},{"id":520,"depth":305,"text":521},"Устанавливает равномерное масштабирование свойств шрифта (font-size и line-height) в указанных пределах в зависимости от ширины экрана.","md",null,{},{"title":112,"description":779},"0cAK04isfTrYI22HeN4TxNaIVBDyWH9psdJcFlsNUv0",[786,788],{"title":108,"path":109,"stem":110,"description":787,"children":-1},"Рисует треугольник из текущего элемента.",{"title":116,"path":117,"stem":118,"description":789,"children":-1},"Устанавливает равномерное масштабирование переданного свойства в указанных пределах в зависимости от ширины экрана.",1783604651269]