Sizing | CombricSkip to content

Sizing

Combric

Sizing covers controls, readable/wide content bounds, and safe intrinsic Grid minimums. It does not define breakpoints.

KindTokenValue / referenceCSS variable
Primitivesize.content.prose42rem--combric-primitive-size-content-prose
Primitivesize.content.wide76rem--combric-primitive-size-content-wide
Primitivesize.control.lg3rem--combric-primitive-size-control-lg
Primitivesize.control.md2.5rem--combric-primitive-size-control-md
Primitivesize.control.sm2rem--combric-primitive-size-control-sm
Primitivesize.layout.item.lg24rem--combric-primitive-size-layout-item-lg
Primitivesize.layout.item.md20rem--combric-primitive-size-layout-item-md
Primitivesize.layout.item.sm16rem--combric-primitive-size-layout-item-sm
Semanticsize.content.prosesize.content.prose → 42rem--combric-size-content-prose
Semanticsize.content.widesize.content.wide → 76rem--combric-size-content-wide
Semanticsize.control.lgsize.control.lg → 3rem--combric-size-control-lg
Semanticsize.control.mdsize.control.md → 2.5rem--combric-size-control-md
Semanticsize.control.smsize.control.sm → 2rem--combric-size-control-sm
Semanticsize.layout.item.lgsize.layout.item.lg → 24rem--combric-size-layout-item-lg
Semanticsize.layout.item.mdsize.layout.item.md → 20rem--combric-size-layout-item-md
Semanticsize.layout.item.smsize.layout.item.sm → 16rem--combric-size-layout-item-sm