Duration 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

Tokens

Usage

Appling duration tokens to width and height on input element in CSS. 

input {
  transition:
    var(--sense-duration-fast) color,
    var(--sense-duration-fast) border,
    var(--sense-duration-fast) box-shadow,
    var(--sense-duration-fast) background-color;
}

Search