https://github.com/nil/shades
A WIP for a color palette generator based on bezier curves
https://github.com/nil/shades
Last synced: 3 months ago
JSON representation
A WIP for a color palette generator based on bezier curves
- Host: GitHub
- URL: https://github.com/nil/shades
- Owner: nil
- Created: 2018-12-06T08:06:49.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-02-17T12:06:09.000Z (over 6 years ago)
- Last Synced: 2025-01-08T17:09:35.404Z (5 months ago)
- Language: JavaScript
- Homepage: https://shades.netlify.com
- Size: 1.13 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# shades
## Project setup
```
yarn install
```
### Compiles and hot-reloads for development
```
yarn run serve
```
### Compiles and minifies for production
```
yarn run build
```
### Lints and fixes files
```
yarn run lint
```
## Information for myself
### Structure for the CSS variable
```css
var(--[category]_[element]--[property])
```
Examples:
```css
var(--t_base--font-family)
var(--s_input-preview--border-width)
var(--c_base--background)
```
| Category | Letter |
|------------|----------|
| Typography | `t` |
| Color | `c` |
| Size | `s` |
| Other | `o` |
### Aliases for folders and files
| Alias | Folder or file |
|---------|----------------|
| `c` | `components/` |
| `a` | `assets/` |
| `js` | `src/js/` |
| `store` | `src/store.js` |