Space tokens
Space tokens define the fluid rhythm used for component gaps, section spacing, and responsive page structure.
space.3xs | --space-3xs | clamp(0.2656rem, 0.2548rem + 0.0543vw, 0.2969rem) | clamp(0.2656rem, 0.2548rem + 0.0543vw, 0.2969rem) | dimension | scale | Smallest spacing step for very tight relationships. |
space.2xs | --space-2xs | clamp(0.5313rem, 0.5095rem + 0.1087vw, 0.5938rem) | clamp(0.5313rem, 0.5095rem + 0.1087vw, 0.5938rem) | dimension | scale | Tiny spacing step for compact inline and stacked elements. |
space.xs | --space-xs | clamp(0.7969rem, 0.7643rem + 0.163vw, 0.8906rem) | clamp(0.7969rem, 0.7643rem + 0.163vw, 0.8906rem) | dimension | scale | Small spacing step for dense component rhythm. |
space.s | --space-s | clamp(1.0625rem, 1.019rem + 0.2174vw, 1.1875rem) | clamp(1.0625rem, 1.019rem + 0.2174vw, 1.1875rem) | dimension | scale | Base spacing step for common vertical and horizontal rhythm. |
space.m | --space-m | clamp(1.5938rem, 1.5285rem + 0.3261vw, 1.7813rem) | clamp(1.5938rem, 1.5285rem + 0.3261vw, 1.7813rem) | dimension | scale | Medium spacing step for groups and compact sections. |
space.l | --space-l | clamp(2.125rem, 2.038rem + 0.4348vw, 2.375rem) | clamp(2.125rem, 2.038rem + 0.4348vw, 2.375rem) | dimension | scale | Large spacing step for section breaks and generous component rhythm. |
space.xl | --space-xl | clamp(3.1875rem, 3.0571rem + 0.6522vw, 3.5625rem) | clamp(3.1875rem, 3.0571rem + 0.6522vw, 3.5625rem) | dimension | scale | Extra-large spacing step for page-level separation. |
space.2xl | --space-2xl | clamp(4.25rem, 4.0761rem + 0.8696vw, 4.75rem) | clamp(4.25rem, 4.0761rem + 0.8696vw, 4.75rem) | dimension | scale | Wide spacing step for major layout intervals. |
space.3xl | --space-3xl | clamp(6.375rem, 6.1141rem + 1.3043vw, 7.125rem) | clamp(6.375rem, 6.1141rem + 1.3043vw, 7.125rem) | dimension | scale | Very wide spacing step for major page bands. |
space.4xl | --space-4xl | clamp(8.5rem, 8.1522rem + 1.7391vw, 9.5rem) | clamp(8.5rem, 8.1522rem + 1.7391vw, 9.5rem) | dimension | scale | Largest spacing step for exceptional page-scale separation. |
space.xs-s | --space-xs-s | clamp(0.7969rem, 0.661rem + 0.6793vw, 1.1875rem) | clamp(0.7969rem, 0.661rem + 0.6793vw, 1.1875rem) | dimension | scale | Fluid pair from extra-small to small spacing. |
space.s-m | --space-s-m | clamp(1.0625rem, 0.8125rem + 1.25vw, 1.7813rem) | clamp(1.0625rem, 0.8125rem + 1.25vw, 1.7813rem) | dimension | scale | Fluid pair from small to medium spacing. |
space.m-l | --space-m-l | clamp(1.5938rem, 1.322rem + 1.3587vw, 2.375rem) | clamp(1.5938rem, 1.322rem + 1.3587vw, 2.375rem) | dimension | scale | Fluid pair from medium to large spacing. |
space.l-xl | --space-l-xl | clamp(2.125rem, 1.625rem + 2.5vw, 3.5625rem) | clamp(2.125rem, 1.625rem + 2.5vw, 3.5625rem) | dimension | scale | Fluid pair from large to extra-large spacing. |
space.xl-2xl | --space-xl-2xl | clamp(3.1875rem, 2.644rem + 2.7174vw, 4.75rem) | clamp(3.1875rem, 2.644rem + 2.7174vw, 4.75rem) | dimension | scale | Fluid pair from extra-large to double-extra-large spacing. |
space.2xl-3xl | --space-2xl-3xl | clamp(4.25rem, 3.25rem + 5vw, 7.125rem) | clamp(4.25rem, 3.25rem + 5vw, 7.125rem) | dimension | scale | Fluid pair from double-extra-large to triple-extra-large spacing. |
space.3xl-4xl | --space-3xl-4xl | clamp(6.375rem, 5.288rem + 5.4348vw, 9.5rem) | clamp(6.375rem, 5.288rem + 5.4348vw, 9.5rem) | dimension | scale | Fluid pair from triple-extra-large to quadruple-extra-large spacing. |
space.s-l | --space-s-l | clamp(1.0625rem, 0.606rem + 2.2826vw, 2.375rem) | clamp(1.0625rem, 0.606rem + 2.2826vw, 2.375rem) | dimension | scale | Fluid pair from small to large spacing for wider responsive shifts. |
space.m-xl | --space-m-xl | clamp(1.5938rem, 0.909rem + 3.4239vw, 3.5625rem) | clamp(1.5938rem, 0.909rem + 3.4239vw, 3.5625rem) | dimension | scale | Fluid pair from medium to extra-large spacing for broad layout rhythm. |
space.l-2xl | --space-l-2xl | clamp(2.125rem, 1.212rem + 4.5652vw, 4.75rem) | clamp(2.125rem, 1.212rem + 4.5652vw, 4.75rem) | dimension | scale | Fluid pair from large to double-extra-large spacing for major layout rhythm. |