[{"data":1,"prerenderedAt":691},["ShallowReactive",2],{"navigation_docs_ru":3,"-ru-mixins-pos":131,"-ru-mixins-pos-surround":686},[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":88,"body":133,"description":680,"extension":681,"links":682,"meta":683,"navigation":287,"path":89,"seo":684,"stem":90,"__hash__":685},"docs_ru\u002Fru\u002F200.mixins\u002F270.pos.md",{"type":134,"value":135,"toc":676},"minimark",[136,141,224,235,239,655,672],[137,138,140],"h2",{"id":139},"параметры","Параметры",[142,143,144,163],"table",{},[145,146,147],"thead",{},[148,149,150,154,157,160],"tr",{},[151,152,153],"th",{},"Имя",[151,155,156],{},"Тип",[151,158,159],{},"По умолчанию",[151,161,162],{},"Описание",[164,165,166,185,202],"tbody",{},[148,167,168,172,177,182],{},[169,170,171],"td",{},"$position",[169,173,174],{},[175,176,30],"code",{},[169,178,179],{},[175,180,181],{},"absolute",[169,183,184],{},"Тип позиционирования (relative, absolute и т.д.).",[148,186,187,190,194,199],{},[169,188,189],{},"$values",[169,191,192],{},[175,193,14],{},[169,195,196],{},[175,197,198],{},"()",[169,200,201],{},"Значения позиционирования в стандартном порядке (top-right-bottom-left)*.",[148,203,204,207,212,217],{},[169,205,206],{},"$z-index",[169,208,209],{},[175,210,211],{},"number",[169,213,214],{},[175,215,216],{},"null",[169,218,219,220,223],{},"Значение ",[175,221,222],{},"z-index",", если оно необходимо.",[225,226,227,228,230,231,234],"note",{},"Значения могут быть пропущены используя ",[175,229,216],{}," (предпочтительно) или его псевдоним ",[175,232,233],{},"n",".",[137,236,238],{"id":237},"пример-использования","Пример использования",[240,241,242,442],"code-group",{},[243,244,250],"pre",{"className":245,"code":246,"filename":247,"language":248,"meta":249,"style":249},"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.pos('absolute', 10px);\n}\n\n.element-two {\n  @include more.pos('absolute', 10px 20px 30px 40px, 5);\n}\n\n.element-three {\n  @include more.pos('absolute', null auto);\n}\n","SCSS","scss","",[175,251,252,282,289,301,333,339,344,354,393,398,403,413,437],{"__ignoreMap":249},[253,254,257,261,265,269,272,275,279],"span",{"class":255,"line":256},"line",1,[253,258,260],{"class":259},"s7zQu","@use",[253,262,264],{"class":263},"sMK4o"," '",[253,266,268],{"class":267},"sfazB","more-sass",[253,270,271],{"class":263},"'",[253,273,274],{"class":259}," as",[253,276,278],{"class":277},"sTEyZ"," more",[253,280,281],{"class":263},";\n",[253,283,285],{"class":255,"line":284},2,[253,286,288],{"emptyLinePlaceholder":287},true,"\n",[253,290,292,294,298],{"class":255,"line":291},3,[253,293,234],{"class":263},[253,295,297],{"class":296},"sBMFI","element-one",[253,299,300],{"class":263}," {\n",[253,302,304,307,309,311,314,317,319,321,323,326,330],{"class":255,"line":303},4,[253,305,306],{"class":259},"  @include",[253,308,278],{"class":277},[253,310,234],{"class":263},[253,312,88],{"class":313},"s2Zo4",[253,315,316],{"class":263},"(",[253,318,271],{"class":263},[253,320,181],{"class":267},[253,322,271],{"class":263},[253,324,325],{"class":277},", ",[253,327,329],{"class":328},"sbssI","10px",[253,331,332],{"class":263},");\n",[253,334,336],{"class":255,"line":335},5,[253,337,338],{"class":263},"}\n",[253,340,342],{"class":255,"line":341},6,[253,343,288],{"emptyLinePlaceholder":287},[253,345,347,349,352],{"class":255,"line":346},7,[253,348,234],{"class":263},[253,350,351],{"class":296},"element-two",[253,353,300],{"class":263},[253,355,357,359,361,363,365,367,369,371,373,375,377,380,383,386,388,391],{"class":255,"line":356},8,[253,358,306],{"class":259},[253,360,278],{"class":277},[253,362,234],{"class":263},[253,364,88],{"class":313},[253,366,316],{"class":263},[253,368,271],{"class":263},[253,370,181],{"class":267},[253,372,271],{"class":263},[253,374,325],{"class":277},[253,376,329],{"class":328},[253,378,379],{"class":328}," 20px",[253,381,382],{"class":328}," 30px",[253,384,385],{"class":328}," 40px",[253,387,325],{"class":277},[253,389,390],{"class":328},"5",[253,392,332],{"class":263},[253,394,396],{"class":255,"line":395},9,[253,397,338],{"class":263},[253,399,401],{"class":255,"line":400},10,[253,402,288],{"emptyLinePlaceholder":287},[253,404,406,408,411],{"class":255,"line":405},11,[253,407,234],{"class":263},[253,409,410],{"class":296},"element-three",[253,412,300],{"class":263},[253,414,416,418,420,422,424,426,428,430,432,435],{"class":255,"line":415},12,[253,417,306],{"class":259},[253,419,278],{"class":277},[253,421,234],{"class":263},[253,423,88],{"class":313},[253,425,316],{"class":263},[253,427,271],{"class":263},[253,429,181],{"class":267},[253,431,271],{"class":263},[253,433,434],{"class":277},", null auto",[253,436,332],{"class":263},[253,438,440],{"class":255,"line":439},13,[253,441,338],{"class":263},[243,443,448],{"className":444,"code":445,"filename":446,"language":447,"meta":249,"style":249},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".element-one {\n  position: absolute;\n  inset-block-start: 10px;\n  inset-block-end: 10px;\n  inset-inline-start: 10px;\n  inset-inline-end: 10px;\n}\n\n.element-two {\n  position: absolute;\n  inset-block-start: 10px;\n  inset-block-end: 30px;\n  inset-inline-start: 40px;\n  inset-inline-end: 20px;\n  z-index: 5;\n}\n\n.element-three {\n  position: absolute;\n  inset-inline-start: auto;\n  inset-inline-end: auto;\n}\n","Результат","css",[175,449,450,458,472,484,495,506,517,521,525,533,543,553,563,573,584,597,602,607,616,627,639,650],{"__ignoreMap":249},[253,451,452,454,456],{"class":255,"line":256},[253,453,234],{"class":263},[253,455,297],{"class":296},[253,457,300],{"class":263},[253,459,460,464,467,470],{"class":255,"line":284},[253,461,463],{"class":462},"sqsOY","  position",[253,465,466],{"class":263},":",[253,468,469],{"class":277}," absolute",[253,471,281],{"class":263},[253,473,474,477,479,482],{"class":255,"line":291},[253,475,476],{"class":462},"  inset-block-start",[253,478,466],{"class":263},[253,480,481],{"class":328}," 10px",[253,483,281],{"class":263},[253,485,486,489,491,493],{"class":255,"line":303},[253,487,488],{"class":462},"  inset-block-end",[253,490,466],{"class":263},[253,492,481],{"class":328},[253,494,281],{"class":263},[253,496,497,500,502,504],{"class":255,"line":335},[253,498,499],{"class":462},"  inset-inline-start",[253,501,466],{"class":263},[253,503,481],{"class":328},[253,505,281],{"class":263},[253,507,508,511,513,515],{"class":255,"line":341},[253,509,510],{"class":462},"  inset-inline-end",[253,512,466],{"class":263},[253,514,481],{"class":328},[253,516,281],{"class":263},[253,518,519],{"class":255,"line":346},[253,520,338],{"class":263},[253,522,523],{"class":255,"line":356},[253,524,288],{"emptyLinePlaceholder":287},[253,526,527,529,531],{"class":255,"line":395},[253,528,234],{"class":263},[253,530,351],{"class":296},[253,532,300],{"class":263},[253,534,535,537,539,541],{"class":255,"line":400},[253,536,463],{"class":462},[253,538,466],{"class":263},[253,540,469],{"class":277},[253,542,281],{"class":263},[253,544,545,547,549,551],{"class":255,"line":405},[253,546,476],{"class":462},[253,548,466],{"class":263},[253,550,481],{"class":328},[253,552,281],{"class":263},[253,554,555,557,559,561],{"class":255,"line":415},[253,556,488],{"class":462},[253,558,466],{"class":263},[253,560,382],{"class":328},[253,562,281],{"class":263},[253,564,565,567,569,571],{"class":255,"line":439},[253,566,499],{"class":462},[253,568,466],{"class":263},[253,570,385],{"class":328},[253,572,281],{"class":263},[253,574,576,578,580,582],{"class":255,"line":575},14,[253,577,510],{"class":462},[253,579,466],{"class":263},[253,581,379],{"class":328},[253,583,281],{"class":263},[253,585,587,590,592,595],{"class":255,"line":586},15,[253,588,589],{"class":462},"  z-index",[253,591,466],{"class":263},[253,593,594],{"class":328}," 5",[253,596,281],{"class":263},[253,598,600],{"class":255,"line":599},16,[253,601,338],{"class":263},[253,603,605],{"class":255,"line":604},17,[253,606,288],{"emptyLinePlaceholder":287},[253,608,610,612,614],{"class":255,"line":609},18,[253,611,234],{"class":263},[253,613,410],{"class":296},[253,615,300],{"class":263},[253,617,619,621,623,625],{"class":255,"line":618},19,[253,620,463],{"class":462},[253,622,466],{"class":263},[253,624,469],{"class":277},[253,626,281],{"class":263},[253,628,630,632,634,637],{"class":255,"line":629},20,[253,631,499],{"class":462},[253,633,466],{"class":263},[253,635,636],{"class":277}," auto",[253,638,281],{"class":263},[253,640,642,644,646,648],{"class":255,"line":641},21,[253,643,510],{"class":462},[253,645,466],{"class":263},[253,647,636],{"class":277},[253,649,281],{"class":263},[253,651,653],{"class":255,"line":652},22,[253,654,338],{"class":263},[225,656,657,661],{},[658,659,660],"p",{},"Также доступны сокращённые варианты записи для конкретных типов позиционирования:",[658,662,663,666,669],{},[175,664,665],{},"pos-rel($values, $z-index)",[175,667,668],{},"pos-abs($values, $z-index)",[175,670,671],{},"pos-fix($values, $z-index)",[673,674,675],"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":249,"searchDepth":284,"depth":284,"links":677},[678,679],{"id":139,"depth":284,"text":140},{"id":237,"depth":284,"text":238},"Сокращённый вариант записи свойств позиционирования.","md",null,{},{"title":88,"description":680},"eD27A_YnGCY__s7nqmsjFrD9Sj96sUaqfNzoSIgY2V0",[687,689],{"title":84,"path":85,"stem":86,"description":688,"children":-1},"Позволяет задавать правила псевдо-элемента, зависящие от состояния его родителя, прямо в наборе правил самого псевдо-элемента.",{"title":92,"path":93,"stem":94,"description":690,"children":-1},"Сокращённый вариант одновременной записи свойств content и display для псевдо-элементов.",1783604651213]