Skip to main content

Spacing

The token can be found in spacing.json.

Core Token

SpacingToken
--ks-spacing-xxs
--ks-spacing-xs
--ks-spacing-s
--ks-spacing-m
--ks-spacing-l
--ks-spacing-xl
--ks-spacing-xxl

Semantic Token

Spacing

Content

Inset

--ks-spacing-inset-m

Even padding.

Inset Squish

--ks-spacing-inset-squish-m

Reduced top and bottom padding, resulting in a vertically condensed visual display.

Inset Stretch

--ks-spacing-inset-stretch-m

Increased top and bottom padding, resulting in a vertically expanded visual display.

Stack

--ks-spacing-stack-m

Vertical gap between two elements.

Inline

--ks-spacing-inline-m

Horizontal gap between two elements.

Figma

See the following Page in our Figma tokens file for a visual representation: