Length tokens
Length
Ex. | Token name | Value | Use case | |
---|---|---|---|---|
Click to copy
--rh-length-4xs |
Click to copy
1px |
1px length token |
var(--rh-length-4xs, 1px)
https://ux.redhat.com/tokens/length/#rh-length-4xs
|
|
Click to copy
--rh-length-3xs |
Click to copy
2px |
2px length token |
var(--rh-length-3xs, 2px)
https://ux.redhat.com/tokens/length/#rh-length-3xs
|
|
Click to copy
--rh-length-2xs |
Click to copy
3px |
3px length token |
var(--rh-length-2xs, 3px)
https://ux.redhat.com/tokens/length/#rh-length-2xs
|
|
Click to copy
--rh-length-xs |
Click to copy
4px |
4px length token |
var(--rh-length-xs, 4px)
https://ux.redhat.com/tokens/length/#rh-length-xs
|
|
Click to copy
--rh-length-sm |
Click to copy
6px |
6px length token |
var(--rh-length-sm, 6px)
https://ux.redhat.com/tokens/length/#rh-length-sm
|
|
Click to copy
--rh-length-md |
Click to copy
8px |
8px length token |
var(--rh-length-md, 8px)
https://ux.redhat.com/tokens/length/#rh-length-md
|
|
Click to copy
--rh-length-lg |
Click to copy
16px |
16px length token |
var(--rh-length-lg, 16px)
https://ux.redhat.com/tokens/length/#rh-length-lg
|
|
Click to copy
--rh-length-xl |
Click to copy
24px |
24px length token |
var(--rh-length-xl, 24px)
https://ux.redhat.com/tokens/length/#rh-length-xl
|
|
Click to copy
--rh-length-2xl |
Click to copy
32px |
32px length token |
var(--rh-length-2xl, 32px)
https://ux.redhat.com/tokens/length/#rh-length-2xl
|
|
Click to copy
--rh-length-3xl |
Click to copy
48px |
48px length token |
var(--rh-length-3xl, 48px)
https://ux.redhat.com/tokens/length/#rh-length-3xl
|
|
Click to copy
--rh-length-4xl |
Click to copy
64px |
64px length token |
var(--rh-length-4xl, 64px)
https://ux.redhat.com/tokens/length/#rh-length-4xl
|
|
Click to copy
--rh-length-5xl |
Click to copy
80px |
80px length token |
var(--rh-length-5xl, 80px)
https://ux.redhat.com/tokens/length/#rh-length-5xl
|
|
Click to copy
--rh-length-6xl |
Click to copy
96px |
96px length token |
var(--rh-length-6xl, 96px)
https://ux.redhat.com/tokens/length/#rh-length-6xl
|
|
Click to copy
--rh-length-7xl |
Click to copy
128px |
128px length token |
var(--rh-length-7xl, 128px)
https://ux.redhat.com/tokens/length/#rh-length-7xl
|
Other libraries
To learn more about our other libraries, visit this page.
Feedback
To give feedback about anything on this page, contact us.
Other libraries
To learn more about our other libraries, visit this page.