Design Tokens

Tokens are platform-agnostic design decisions that are translated into values.

Gradients

--co-gradient-default-up

--co-gradient-default-left

--co-gradient-default-right

--co-gradient-default-down

--co-invert-gradient-default-up

--co-invert-gradient-default-left

--co-invert-gradient-default-right

--co-invert-gradient-default-down

Shadows

--co-shadow-10

--co-shadow-20

--co-shadow-30

--co-shadow-40

--co-shadow-50

--co-shadow-invert-10

--co-shadow-invert-20

--co-shadow-invert-30

--co-shadow-invert-40

--co-shadow-invert-50

Opacities

--co-opacity-000

--co-opacity-010

--co-opacity-020

--co-opacity-030

--co-opacity-040

--co-opacity-050

--co-opacity-060

--co-opacity-070

--co-opacity-080

--co-opacity-090

--co-opacity-100

Visibility

--co-visibility-visible

--co-visibility-hidden