Size Tokens

The (v1) Design Tokens are deprecated and will no longer receive updates or support. This documentation will remain available for reference purposes only.
Please refer to our newest Design Tokens documentation for the latest standards and guidelines.

Design Tokens: Getting Started

Size tokens are applied using REMs. You can determine the pixel value of the token by the last numeric diget included in the name of the token.

Appling 8px size tokens to width and height on div element in CSS.

div {
width: var(--sense-size-8); // 8px
height: var(--sense-size-8); // 8px
}

Search