# Utilities: container-style Source: `src/utilities/container-style.css` | Class | CSS output | | --- | --- | | `.velin-alert` | `padding: var(--velin-space-2) var(--velin-space-3);` | | `.velin-badge` | `padding: 0.1em 0.4em; font-size: var(--velin-text-xs);` | | `.velin-btn` | `padding: var(--velin-space-1) var(--velin-space-3); font-size: var(--velin-text-sm); min-block-size: 2rem;` | | `.velin-card` | `padding: var(--velin-space-2);` | | `.velin-card__body` | `padding: var(--velin-space-2);` | | `.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-style-playful` | `--velin-style: playful; container-type: inline-size;` | | `.velin-style-professional` | `--velin-style: professional; container-type: inline-size;` | | `.velin-table` | `padding: var(--velin-space-1) var(--velin-space-2); font-size: var(--velin-text-sm);` |