Foundations
Aspect Ratio
Aspect-ratio tokens for media and image containers. Semantic ratios (square, thumbnail, product-image, video) reference a core ratio.
Core
| Token | Value | Preview |
|---|---|---|
--moments-core-aspect-ratio-1-1 | 1 / 1 | |
--moments-core-aspect-ratio-4-3 | 4 / 3 | |
--moments-core-aspect-ratio-3-2 | 3 / 2 | |
--moments-core-aspect-ratio-16-10 | 16 / 10 |
Semantic → core
| Semantic token | Points to (core) | Resolved value | Preview |
|---|---|---|---|
--moments-semantic-aspect-ratio-square | --moments-core-aspect-ratio-1-1 | 1 / 1 | |
--moments-semantic-aspect-ratio-thumbnail | --moments-core-aspect-ratio-4-3 | 4 / 3 | |
--moments-semantic-aspect-ratio-product-image | --moments-core-aspect-ratio-3-2 | 3 / 2 | |
--moments-semantic-aspect-ratio-video | --moments-core-aspect-ratio-16-10 | 16 / 10 |