Size

L1 size scale — used across spacing, padding, gap, heights, widths, and (via reference) border-widths. Built on a 4px base grid with a 2px sub-grid; --lb-size-hairline (1px) and --lb-size-theme (1.6px) are the only values off both grids. Use --lb-size-2x (8px) for intra-element spacing, --lb-size-4x (16px) for element-to-element, --lb-size-6x (24px) for sections. Includes the theme-editable --lb-size-theme — default 1.6px, backs the L2 --lb-border-width-action and is runtime-mutable via the theme editor's Action stroke knob.

Size primitives

L1 primitives (primitives.size.*)

--lb-size-0

0px

--lb-size-hairline

1px

--lb-size-theme

1.6px

--lb-size-0-5x

2px

--lb-size-1x

4px

--lb-size-1-5x

6px

--lb-size-2x

8px

--lb-size-3x

12px

--lb-size-3-5x

14px

--lb-size-4x

16px

--lb-size-5x

20px

--lb-size-6x

24px

--lb-size-8x

32px

--lb-size-10x

40px

--lb-size-12x

48px

--lb-size-16x

64px

--lb-size-20x

80px

--lb-size-24x

96px