Testing Style Dictionary's compiling into scss design tokens using aliased json.
-
Updated
Mar 5, 2023 - CSS
Testing Style Dictionary's compiling into scss design tokens using aliased json.
An add-on to CSS normalization. With slots for your design system.
An example repo with design tokens auto-deploy. The repo is using Github actions, style dictionary and tokens-bruecke sd-utils.
Design system tokens based on CSS custom properties
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
An 8-page fact site for all planets in our solar system. Using SvelteKit and Material Thema for custom color scheme for each planet.
Repository for tests and studies.
Design system for Common Horizon / Horizon commun.
Design system for the Inclusive Design Guide.
Transform figma files to css
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.
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…).
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.
Material Design DSP
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."