Skip to main content

Size

Semantic tokens for size provide a standardized way to define and apply spacing and dimensional properties across components in the design system. These tokens abstract the concept of size into reusable variables, ensuring consistency while allowing for flexibility in customization.

Is inherited by the width, height, minWidth, minHeight, maxWidth, maxHeight properties

SampleTokenBase token value

$cds-size-50$cdsbt-dimension-8

0.50 rem

$cds-size-75$cdsbt-dimension-12

0.75 rem

$cds-size-100$cdsbt-dimension-16

1 rem

$cds-size-125$cdsbt-dimension-20

1.25 rem

$cds-size-150$cdsbt-dimension-24

1.50 rem

$cds-size-200$cdsbt-dimension-32

2 rem

$cds-size-250$cdsbt-dimension-40

2.50 rem

$cds-size-300$cdsbt-dimension-48

3 rem

$cds-size-350$cdsbt-dimension-56

3.50 rem

$cds-size-400$cdsbt-dimension-64

4 rem

$cds-size-450$cdsbt-dimension-72

4.50 rem

$cds-size-500$cdsbt-dimension-80

5 rem