Space tokens
Space#
Ex. | Token name | Value | Use case | |
---|---|---|---|---|
4px spacer |
var(--rh-space-xs, 4px)
|
|||
6px spacer |
var(--rh-space-sm, 6px)
|
|||
8px spacer |
var(--rh-space-md, 8px)
|
|||
16px spacer |
var(--rh-space-lg, 16px)
|
|||
24px spacer |
var(--rh-space-xl, 24px)
|
|||
32px spacer |
var(--rh-space-2xl, 32px)
|
|||
48px spacer |
var(--rh-space-3xl, 48px)
|
|||
64px spacer |
var(--rh-space-4xl, 64px)
|
|||
80px spacer |
var(--rh-space-5xl, 80px)
|
|||
96px spacer |
var(--rh-space-6xl, 96px)
|
|||
128px spacer |
var(--rh-space-7xl, 128px)
|
Other libraries
To learn more about our other libraries, visit this page.
Feedback
To give feedback about anything on this page, contact us.
Red Hat legal and privacy links
- About Red Hat
- Jobs
- Events
- Locations
- Contact Red Hat
- Red Hat Blog
- Diversity, equity, and inclusion
- Cool Stuff Store
- Red Hat Summit