Design system tokens based on CSS custom properties
-
Updated
Apr 27, 2022 - CSS
Design system tokens based on CSS custom properties
Transform figma files to css
Testing Style Dictionary's compiling into scss design tokens using aliased json.
This is a companion project to token-demo-src, an example design token build pipeline. This repo contains a sample component built in Stencil documented in Storybook that consumes design token pipeline outputs (css variables) for a themeable button component.
Repository for tests and studies.
An add-on to CSS normalization. With slots for your design system.
An 8-page fact site for all planets in our solar system. Using SvelteKit and Material Thema for custom color scheme for each planet.
An example repo with design tokens auto-deploy. The repo is using Github actions, style dictionary and tokens-bruecke sd-utils.
Material Design DSP
This repo demonstrates a simple design automation workflow that handles design tokens, their transformation to css vars, and pushing updated css files to another project repo.
Design system for the Inclusive Design Guide.
Modern, zero-config & style agnostic CSS library with utility classes, reusable design tokens, minimal components & built-in dark mode to help you build static sites faster without hassle
Design system for Common Horizon / Horizon commun.
GC Design System Tokens are the smallest building blocks of GC Design System, represent design decisions for basic elements like colour, typography, and spacing. | Les jetons Système de design GC sont les plus petits blocs de construction du système et représentent les choix de design pour les éléments de base (couleur, typographie, espacement…).
Add a description, image, and links to the design-tokens topic page so that developers can more easily learn about it.
To associate your repository with the design-tokens topic, visit your repo's landing page and select "manage topics."