Zum Hauptinhalt springen
VelinStyle v1.2.0
⌂ Home
  1. Docs
  2. Erste Schritte
  3. Sichtbarkeit

Sichtbarkeit 1.2.0

Schalte die Sichtbarkeit von Elementen um, ohne display zu ändern. Ausgeblendete Elemente belegen weiterhin Layoutfläche. English: Visibility

Reifegrad: In VelinStyle 1.2.0 als stable dokumentiert. Studio und die vollständige Utility Engine bleiben geplant — ausgelieferte Utilities sind unter @layer utilities von Hand geschrieben, kein vollständiger Variantengenerator.

Wann verwenden

Wann nicht

Visibility Klassen

<div class="velin-visible">Dieses Element ist sichtbar</div>
<div class="velin-invisible">Dieses Element ist unsichtbar, belegt aber weiterhin Platz</div>
Dieses Element ist sichtbar
Dieses Element ist unsichtbar, belegt aber weiterhin Platz

Visibility vs. Display

.velin-invisible setzt visibility: hidden und hält das Element im Layoutfluss. Nutze .velin-d-none um das Element vollständig aus dem Layout zu entfernen.