@zanichelli/albe-design-tokens v0.2.35
Zanichelli Design Tokens
Intro
This repo is an auxiliary project to zanichelli/design-system
repo; it contains .scss
files to generate css design tokens.
Structure
src/main.css
: index file where everything is importedsrc/modules
: folder that contains every needed modulesrc/modules/theme
: folder that contains themes filessrc/modules/components
: folder that contains classes to style componentssrc/modules/palette
: folder that contains every available color in the palette
Naming Convention for Themes:
In case of implementation of a new theme, the following convention must be followed:
- theme file name:
{primary-color}-{secondary-color}.scss
- theme class name:
.theme-{primary-color}-{secondary-color}
Build
yarn build
Import in your project
<link rel="stylesheet" src="[***]/dist/tokens.css" />
<link rel="stylesheet" src="[***]/dist/themes/<theme-name>.css" />
or
@import "~@zanichelli/albe-design-tokens/dist/tokens.css";
@import "~@zanichelli/albe-design-tokens/dist/themes/<theme-name>.css";
3 days ago
3 days ago
3 days ago
21 days ago
21 days ago
2 months ago
3 months ago
3 months ago
4 months ago
4 months ago
6 months ago
7 months ago
8 months ago
6 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago