:root {
/* region dimension scale: cem-dim-[size] */
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
/* endregion dimension scale */
/* region relationship gaps: cem-gap-[level] */
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
/* endregion gaps */
/* region insets: cem-inset-[level] */
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
/* endregion insets */
/* region reading rhythm: cem-rhythm-reading-[level] */
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
/* endregion reading rhythm */
/* region data rhythm: cem-rhythm-data-[level] */
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
/* endregion data rhythm */
/* region layout tokens: cem-layout-[purpose] (excludes deprecated) */
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
/* endregion layout tokens */
}
/* region spacing mode: dense */
:root[data-cem-spacing="dense"] {
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
}
/* endregion spacing mode: dense */
/* region spacing mode: sparse */
:root[data-cem-spacing="sparse"] {
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[3])};
}
/* endregion spacing mode: sparse */
cem-dim-scale — dimension scale
Token
Value
Description
{$token}
{$value} — {$desc}
cem-dim-gaps + cem-dim-insets — semantic spacing endpoints
Token
Value
Swatch
Description
{$token}
{$value}
{$desc}
cem-dim-layout — layout rhythm tokens
Token
Value
Tier
Description
{$token}
{$value}
{$tier}
{$desc}
cem-dim-spacing-overrides — density mode overrides
Token
dense
sparse
{$token}
{$dense}
{$sparse}
{$css-body}