Menu
Fundament
Ruimte en vorm
Luxe is rust: royale witruimte en ruime hoeken. Kaarten en beeldvlakken krijgen 50px hoeken in GXJ (32px mobiel).
Ruimte
Stappen van 4px. Gebruik --gx-density om een klantsite ruimer of compacter te maken.
--gx-space-14px--gx-space-28px--gx-space-312px--gx-space-416px--gx-space-524px--gx-space-632px--gx-space-748px--gx-space-864px--gx-space-996px--gx-space-10128pxHoeken
--gx-radius-xs6px4px--gx-radius-sm10px6px--gx-radius-md16px10px--gx-radius-lg24px14px--gx-radius-xl32px20px--gx-radius-card50px20px--gx-radius-pill999px999pxSchaduwen
Zacht en diep in GXJ, subtiel in het klantthema.
--gx-shadow-1--gx-shadow-2--gx-shadow-3Breekpunten en containers
| Token | Waarde | Gebruik |
|---|---|---|
| breakpoint-sm | 480px | Grote telefoons |
| breakpoint-md | 768px | Tablet, mobiel menu daaronder |
| breakpoint-lg | 1024px | Laptop |
| breakpoint-xl | 1280px | Desktop |
| --gx-container-text | 68ch | Leesbreedte |
| --gx-container-narrow | 720px | Formulieren |
| --gx-container-base | 1040px | Standaardpagina (World) |
| --gx-container-wide | 1280px | Brede rasters |