CSS: spacing
.instui-p-md — Margin and padding utilities — .instui-m<side>-<step> and .instui-p<side>-<step> on the spacing scale (sides t/b/s/e/x/y or none; margin also takes auto).
Source: spacing.ts
Usage
css
@import "@pantoken/components/utilities.css";Examples
html
<div class="instui-p-md instui-mt-lg">Padded box with a large top margin.</div>Padded box with a large top margin.
Tokens consumed
| Token | Type | Value |
|---|---|---|
--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 |