https://github.com/joduplessis/design-tokens
Design tokens generator & CSS pipeline template using Style Dictionary. 🎨
https://github.com/joduplessis/design-tokens
css design-tokens post-css sass style-dictionary
Last synced: about 1 month ago
JSON representation
Design tokens generator & CSS pipeline template using Style Dictionary. 🎨
- Host: GitHub
- URL: https://github.com/joduplessis/design-tokens
- Owner: joduplessis
- Created: 2022-09-16T05:19:30.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-09-16T05:31:42.000Z (over 2 years ago)
- Last Synced: 2024-12-26T00:23:09.695Z (6 months ago)
- Topics: css, design-tokens, post-css, sass, style-dictionary
- Language: Sass
- Homepage:
- Size: 55.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Design Tokens
Design tokens generator & CSS pipeline template using Style Dictionary. 🎨
This repo is a starter kit for generating (dark theme supported) design tokens using Style Dictionary using a custom config. Regular CSS processing is also supported using PostCSS.
- Token value is stored as `value`
- Dark theme value is stored as `darkValue`
## Installation
### Global packages
- Node v12.18.0
- NPM v6.14.4
Make sure you have the required global packages installed. In the root of this project run the following command to install all required dependencies.
#### Installing dependencies
```
npm install
npm run build - builds the CSS for the design tokens
```
More README content coming soon - but check out the `package.json` for more CLI commands.