<!-- Auto-generated by `velinstyle docs generate`. Do not edit. Source: src/utilities/container-style.css -->

# Utilities: container-style

Source: `src/utilities/container-style.css`

| Class | CSS output |
| --- | --- |
| `.velin-alert` | `padding: var(--velin-space-2) var(--velin-space-3);` |
| `.velin-alert` | `padding: var(--velin-space-5) var(--velin-space-6);` |
| `.velin-badge` | `padding: 0.1em 0.4em; font-size: var(--velin-text-xs);` |
| `.velin-badge` | `padding: 0.35em 0.75em; font-size: var(--velin-text-base);` |
| `.velin-badge` | `border-radius: var(--velin-radius-xs);` |
| `.velin-badge` | `border-radius: var(--velin-radius-full);` |
| `.velin-btn` | `padding: var(--velin-space-1) var(--velin-space-3); font-size: var(--velin-text-sm); min-block-size: 2rem;` |
| `.velin-btn` | `padding: var(--velin-space-4) var(--velin-space-8); font-size: var(--velin-text-lg); min-block-size: 3.5rem;` |
| `.velin-btn` | `border-radius: var(--velin-radius-xs); text-transform: uppercase; letter-spacing: var(--velin-tracking-wide);` |
| `.velin-btn` | `border-radius: var(--velin-radius-full);` |
| `.velin-card` | `padding: var(--velin-space-2);` |
| `.velin-card` | `padding: var(--velin-space-8);` |
| `.velin-card` | `border-radius: var(--velin-radius-xs);` |
| `.velin-card` | `border-radius: var(--velin-radius-xl);` |
| `.velin-card__body` | `padding: var(--velin-space-2);` |
| `.velin-card__body` | `padding: var(--velin-space-6);` |
| `.velin-density-comfortable` | `--velin-density: comfortable; container-type: inline-size;` |
| `.velin-density-compact` | `--velin-density: compact; container-type: inline-size;` |
| `.velin-density-normal` | `--velin-density: normal; container-type: inline-size;` |
| `.velin-input` | `padding: var(--velin-space-1) var(--velin-space-2); font-size: var(--velin-text-sm); min-block-size: 2rem;` |
| `.velin-input` | `padding: var(--velin-space-4) var(--velin-space-5); font-size: var(--velin-text-lg); min-block-size: 3.5rem;` |
| `.velin-style-playful` | `--velin-style: playful; container-type: inline-size;` |
| `.velin-style-professional` | `--velin-style: professional; container-type: inline-size;` |