Foundation
← Foundation

Elevation & Effekte

Schatten, Deckkraft und Versatz.

elevation

  • elevation.s--elevation-s0px 0px 4px 0px #00000018

    Gleichmäßiger Halo (Licht von oben). Dark Mode: Schatten tragen schlecht.

  • elevation.m--elevation-m0px 4px 8px 0px #00000026

    Elevation mittel. Karten, Listboxen.

  • elevation.l--elevation-l0px 8px 24px 0px #0000002e

    Elevation gross. Modals, Flyouts.

opacity

  • opacity.disabled--opacity-disabled0.5

    Opacity für deaktivierte interaktive Elemente.

offset

  • offset.iconText--offset-icon-text2px

    Optischer Versatz: Icon top-align mit der ersten Textzeile (line-height-Ausgleich).