Images
Containers to set sizing for images.
Sizes
Multiple image sizes are available to create predictable and consistent layout containers for images.
| Description | Token | Example |
|---|---|---|
Image: 16x16
|
var(--token-image-size-16)
$token-image-size-16
|
|
Image: 32x32
|
var(--token-image-size-32)
$token-image-size-32
|
|
Image: 64x64
|
var(--token-image-size-64)
$token-image-size-64
|
|
Image: 128x128
|
var(--token-image-size-128)
$token-image-size-128
|
|
Shapes
Use image shape modifiers to adjust the border radius.