Layouts
Container
Utilities for set max-width to match min-width of the current breakpoint.
Class
| class | breakpoint | css |
|---|---|---|
| container | none | width: 100% |
| xs (320px) | max-width: 320px | |
| sm (640px) | max-width: 640px | |
| md (768px) | max-width: 768px | |
| lg (1024px) | max-width: 1024px | |
| xl (1280px) | max-width: 1280px | |
| 2k (1920px) | max-width: 1920px | |
| 4k (3840px) | max-width: 3840px | |
| 5k (5120px) | max-width: 5120px | |
| 6k (5760px) | max-width: 5760px | |
| 7k (7000px) | max-width: 7000px | |
| 8k (7680px) | max-width: 7680px |
Variant
| Variant | Enabled | Responsive |
|---|---|---|
| Default | Yes | Yes |
| Dark Theme | ||
| hover | ||
| group-hover | ||
| focus | ||
| focus-visible | ||
| focus-within | ||
| active | ||
| visited | ||
| checked | ||
| disabled |
