[{"data":1,"prerenderedAt":599},["ShallowReactive",2],{"navigation_docs_en":3,"-en-mixins-box":131,"-en-mixins-box-surround":594},[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":48,"body":133,"description":588,"extension":589,"links":590,"meta":591,"navigation":280,"path":49,"seo":592,"stem":50,"__hash__":593},"docs_en\u002Fen\u002F200.mixins\u002F220.box.md",{"type":134,"value":135,"toc":584},"minimark",[136,149,161,166,229,233,580],[137,138,139,140,144,145,148],"p",{},"Shorthand for both ",[141,142,143],"code",{},"inline-size"," and ",[141,146,147],{},"block-size"," properties.",[150,151,152,153,156,157,160],"note",{},"Inline or block size value can be omitted using ",[141,154,155],{},"null"," (preferable) or its alias ",[141,158,159],{},"n",".",[162,163,165],"h2",{"id":164},"arguments","Arguments",[167,168,169,188],"table",{},[170,171,172],"thead",{},[173,174,175,179,182,185],"tr",{},[176,177,178],"th",{},"Name",[176,180,181],{},"Type",[176,183,184],{},"Default",[176,186,187],{},"Description",[189,190,191,214],"tbody",{},[173,192,193,203,208,211],{},[194,195,196,197],"td",{},"$inline-size ",[198,199,202],"span",{"className":200},[201],"text-red-600","*",[194,204,205],{},[141,206,207],{},"number",[194,209,210],{},"—",[194,212,213],{},"Inline size of the element.",[173,215,216,219,223,226],{},[194,217,218],{},"$block-size",[194,220,221],{},[141,222,207],{},[194,224,225],{},"$inline-size",[194,227,228],{},"Block size of the element.",[162,230,232],{"id":231},"example","Example",[234,235,236,446],"code-group",{},[237,238,244],"pre",{"className":239,"code":240,"filename":241,"language":242,"meta":243,"style":243},"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.box(100px);\n}\n\n.element-two {\n  @include more.box(100px, 200px);\n}\n\n.element-three {\n  @include more.box(100px, null);\n}\n\n.element-four {\n  @include more.box(null, 200px);\n}\n","SCSS","scss","",[141,245,246,275,282,294,317,323,328,338,361,366,371,381,401,406,411,421,441],{"__ignoreMap":243},[198,247,250,254,258,262,265,268,272],{"class":248,"line":249},"line",1,[198,251,253],{"class":252},"s7zQu","@use",[198,255,257],{"class":256},"sMK4o"," '",[198,259,261],{"class":260},"sfazB","more-sass",[198,263,264],{"class":256},"'",[198,266,267],{"class":252}," as",[198,269,271],{"class":270},"sTEyZ"," more",[198,273,274],{"class":256},";\n",[198,276,278],{"class":248,"line":277},2,[198,279,281],{"emptyLinePlaceholder":280},true,"\n",[198,283,285,287,291],{"class":248,"line":284},3,[198,286,160],{"class":256},[198,288,290],{"class":289},"sBMFI","element-one",[198,292,293],{"class":256}," {\n",[198,295,297,300,302,304,307,310,314],{"class":248,"line":296},4,[198,298,299],{"class":252},"  @include",[198,301,271],{"class":270},[198,303,160],{"class":256},[198,305,48],{"class":306},"s2Zo4",[198,308,309],{"class":256},"(",[198,311,313],{"class":312},"sbssI","100px",[198,315,316],{"class":256},");\n",[198,318,320],{"class":248,"line":319},5,[198,321,322],{"class":256},"}\n",[198,324,326],{"class":248,"line":325},6,[198,327,281],{"emptyLinePlaceholder":280},[198,329,331,333,336],{"class":248,"line":330},7,[198,332,160],{"class":256},[198,334,335],{"class":289},"element-two",[198,337,293],{"class":256},[198,339,341,343,345,347,349,351,353,356,359],{"class":248,"line":340},8,[198,342,299],{"class":252},[198,344,271],{"class":270},[198,346,160],{"class":256},[198,348,48],{"class":306},[198,350,309],{"class":256},[198,352,313],{"class":312},[198,354,355],{"class":270},", ",[198,357,358],{"class":312},"200px",[198,360,316],{"class":256},[198,362,364],{"class":248,"line":363},9,[198,365,322],{"class":256},[198,367,369],{"class":248,"line":368},10,[198,370,281],{"emptyLinePlaceholder":280},[198,372,374,376,379],{"class":248,"line":373},11,[198,375,160],{"class":256},[198,377,378],{"class":289},"element-three",[198,380,293],{"class":256},[198,382,384,386,388,390,392,394,396,399],{"class":248,"line":383},12,[198,385,299],{"class":252},[198,387,271],{"class":270},[198,389,160],{"class":256},[198,391,48],{"class":306},[198,393,309],{"class":256},[198,395,313],{"class":312},[198,397,398],{"class":270},", null",[198,400,316],{"class":256},[198,402,404],{"class":248,"line":403},13,[198,405,322],{"class":256},[198,407,409],{"class":248,"line":408},14,[198,410,281],{"emptyLinePlaceholder":280},[198,412,414,416,419],{"class":248,"line":413},15,[198,415,160],{"class":256},[198,417,418],{"class":289},"element-four",[198,420,293],{"class":256},[198,422,424,426,428,430,432,434,437,439],{"class":248,"line":423},16,[198,425,299],{"class":252},[198,427,271],{"class":270},[198,429,160],{"class":256},[198,431,48],{"class":306},[198,433,309],{"class":256},[198,435,436],{"class":270},"null, ",[198,438,358],{"class":312},[198,440,316],{"class":256},[198,442,444],{"class":248,"line":443},17,[198,445,322],{"class":256},[237,447,452],{"className":448,"code":449,"filename":450,"language":451,"meta":243,"style":243},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".element-one {\n  inline-size: 100px;\n  block-size: 100px;\n}\n\n.element-two {\n  inline-size: 100px;\n  block-size: 200px;\n}\n\n.element-three {\n  inline-size: 100px;\n}\n\n.element-four {\n  block-size: 200px;\n}\n","Output","css",[141,453,454,462,476,487,491,495,503,513,524,528,532,540,550,554,558,566,576],{"__ignoreMap":243},[198,455,456,458,460],{"class":248,"line":249},[198,457,160],{"class":256},[198,459,290],{"class":289},[198,461,293],{"class":256},[198,463,464,468,471,474],{"class":248,"line":277},[198,465,467],{"class":466},"sqsOY","  inline-size",[198,469,470],{"class":256},":",[198,472,473],{"class":312}," 100px",[198,475,274],{"class":256},[198,477,478,481,483,485],{"class":248,"line":284},[198,479,480],{"class":466},"  block-size",[198,482,470],{"class":256},[198,484,473],{"class":312},[198,486,274],{"class":256},[198,488,489],{"class":248,"line":296},[198,490,322],{"class":256},[198,492,493],{"class":248,"line":319},[198,494,281],{"emptyLinePlaceholder":280},[198,496,497,499,501],{"class":248,"line":325},[198,498,160],{"class":256},[198,500,335],{"class":289},[198,502,293],{"class":256},[198,504,505,507,509,511],{"class":248,"line":330},[198,506,467],{"class":466},[198,508,470],{"class":256},[198,510,473],{"class":312},[198,512,274],{"class":256},[198,514,515,517,519,522],{"class":248,"line":340},[198,516,480],{"class":466},[198,518,470],{"class":256},[198,520,521],{"class":312}," 200px",[198,523,274],{"class":256},[198,525,526],{"class":248,"line":363},[198,527,322],{"class":256},[198,529,530],{"class":248,"line":368},[198,531,281],{"emptyLinePlaceholder":280},[198,533,534,536,538],{"class":248,"line":373},[198,535,160],{"class":256},[198,537,378],{"class":289},[198,539,293],{"class":256},[198,541,542,544,546,548],{"class":248,"line":383},[198,543,467],{"class":466},[198,545,470],{"class":256},[198,547,473],{"class":312},[198,549,274],{"class":256},[198,551,552],{"class":248,"line":403},[198,553,322],{"class":256},[198,555,556],{"class":248,"line":408},[198,557,281],{"emptyLinePlaceholder":280},[198,559,560,562,564],{"class":248,"line":413},[198,561,160],{"class":256},[198,563,418],{"class":289},[198,565,293],{"class":256},[198,567,568,570,572,574],{"class":248,"line":423},[198,569,480],{"class":466},[198,571,470],{"class":256},[198,573,521],{"class":312},[198,575,274],{"class":256},[198,577,578],{"class":248,"line":443},[198,579,322],{"class":256},[581,582,583],"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":243,"searchDepth":277,"depth":277,"links":585},[586,587],{"id":164,"depth":277,"text":165},{"id":231,"depth":277,"text":232},"Sets the element size.","md",null,{},{"title":48,"description":588},"ZTgbBqOK2TgmeDqjDVjnrRWU6KiyADkM9s0ztmcM66o",[595,597],{"title":44,"path":45,"stem":46,"description":596,"children":-1},"Sets the values of the necessary rules of border-radius properties family.",{"title":52,"path":53,"stem":54,"description":598,"children":-1},"This is the coupled pair of mixins allows to manipulate over the line breaks that were set manually with br tag.",1783604652311]