Use this mapping when building rootStyle() in index.js and the spacing inline style in render.php.
| Attribute value | CSS custom property value |
|---|---|
none |
0 |
xs |
var(--wpt-spacing-xs) |
sm |
var(--wpt-spacing-sm) |
md |
var(--wpt-spacing-md) |
lg |
var(--wpt-spacing-lg) |
xl |
var(--wpt-spacing-xl) |
2xl |
var(--wpt-spacing-2xl) |
3xl |
var(--wpt-spacing-3xl) |
4xl |
var(--wpt-spacing-4xl) |