Hopp til hovedinnhold
Meny

lmfaole.party / designsystem / tokens / Lag-rekkefølge

  • Forside
  • Turer
  • Økonomi
  • Slides
  • Lag-rekkefølge / Z-index

    Om kategorien

    Formål

    En bevisst liten z-indeks-skala for faste og flytende elementer, begrenset til to overlay-nivåer fordi nettstedet ikke trenger mer.

    Egner seg for

    • Faste eller flytende kontroller som må ligge over vanlig innhold, som varsler og statuslinjer.
    • Tilfeller der ett overlay må ligge stabilt over et annet uten en stor z-indeks-skala.

    Egner seg ikke for

    • Ikke for vanlige elementer i dokumentflyt som ikke skal løftes ut av naturlig stablingsrekkefølge.
    • Ikke for lokale "z-index-kriger" med stadig høyere tall; da må behovet løses eksplisitt.

    Tokens

    Token Verdi Beskrivelse
    --z-overlay1000Vanlige faste og flytende kontroller, som dialogkanter og sidetall.
    --z-overlay-top1001Varsler og statuslinjer som må ligge over andre overlays, som toast og relay-statuslinjer.

    Detaljer

    • Skalaen er med vilje liten: overlay for vanlige faste eller flytende kontroller og overlay-top for flater som må ligge over andre overlays.