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-within | ||
active | ||
visited | ||
checked | ||
disabled |