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