# UX4G Tokens — Vertical-align This page lists every primitive and semantic token for the **Vertical-align** family. - Primitive token source: `src/tokens/vertical-align.tokens.css` - Semantic token source: `src/semantic/vertical-align.semantic.css` ## Primitive tokens ```css :root { /* Vertical Align */ --ux4g-vertical-align-baseline: baseline; --ux4g-vertical-align-top: top; --ux4g-vertical-align-middle: middle; --ux4g-vertical-align-bottom: bottom; --ux4g-vertical-align-text-top: text-top; --ux4g-vertical-align-text-bottom: text-bottom; } ``` ## Semantic tokens ```css :root { --ux4g-va-baseline: var(--ux4g-vertical-align-baseline); --ux4g-va-top: var(--ux4g-vertical-align-top); --ux4g-va-middle: var(--ux4g-vertical-align-middle); --ux4g-va-bottom: var(--ux4g-vertical-align-bottom); --ux4g-va-text-top: var(--ux4g-vertical-align-text-top); --ux4g-va-text-bottom: var(--ux4g-vertical-align-text-bottom); } ``` ## Dark theme Add `data-theme="dark"` to `` or any ancestor to switch to the dark semantic token set.