CSS: spacing
.instui-p-md — Margó és kitöltési segédletek — .instui-m<side>-<step> és .instui-p<side>-<step> a térköz skáláján (oldalak t/b/s/e/x/y vagy semmi; a margó auto-et is elfogadja).
Forrás: spacing.ts
Használat
css
@import "@pantoken/components/utilities.css";Példák
html
<div class="instui-p-md instui-mt-lg">Padded box with a large top margin.</div>Padded box with a large top margin.
Felhasznált tokenek
| Token | Típus | Érték |
|---|---|---|
--instui-spacing-space-lg | <length> | 1rem |
--instui-spacing-space-md | <length> | 0.75rem |
--instui-spacing-space-sm | <length> | 0.5rem |
--instui-spacing-space-xl | <length> | 1.5rem |
--instui-spacing-space-xs | <length> | 0.25rem |
--instui-spacing-space2xl | <length> | 2rem |
--instui-spacing-space2xs | <length> | 0.125rem |