Control the visibility of elements, without modifying their display, with visibility utilities.

🤖 Looking for the LLM-optimized version?View llm.md

Set thevisibility of elements with our visibility utilities. These utility classes do not modify thedisplay value at all and do not affect layout –.invisible elements still take up space in the page.

Apply.visible or.invisible as needed.

<divclass="visible">...</div><divclass="invisible">...</div>

// Class.visible{visibility:visible!important;}.invisible{visibility:hidden!important;}

Sass

Utilities API

Visibility utilities are declared in our utilities API inscss/_utilities.scss.Learn how to use the utilities API.

"visibility":(property:visibility,class:null,values:(visible:visible,invisible:hidden,)),