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