@elf-framework/design-tokens

design token manager with style-dictionary

install

npm install @elf-framework/design-tokens 

Usage

You can use css variables as design tokens.

import "@elf-framework/design-tokens/tokens.css";


.my-color {
    background-color: var(--color-gray-4);
}

tokens

• color
  • background
  • border
  • brand
  • core
  • text
• size
• asset
• component
• time
• weight

LICENSE: MIT