Visibility 1.2.2

Toggle element visibility without modifying display. Hidden elements still occupy layout space. Deutsch: Sichtbarkeit

Maturity: Documented as stable in VelinStyle 1.2.0. Studio and the complete Utility Engine remain planned — shipping utilities are hand-authored under @layer utilities, not a full variant generator.

When to use

Keep layout space with .velin-invisible; remove from layout with .velin-hidden.

When not

For screen-reader-only content use helpers visually-hidden — not opacity tricks.

Visibility Classes

<div class="velin-visible">This element is visible</div>
<div class="velin-invisible">This element is invisible but still takes up space</div>

This element is visible

This element is invisible but still takes up space

Visibility vs Display

.velin-invisible sets visibility: hidden, keeping the element in the layout flow. Use .velin-d-none to fully remove the element from layout.