https://github.com/tachyons-css/palette-generator
https://github.com/tachyons-css/palette-generator
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/tachyons-css/palette-generator
- Owner: tachyons-css
- Created: 2018-03-19T20:40:22.000Z (over 7 years ago)
- Default Branch: main
- Last Pushed: 2022-09-25T22:53:33.000Z (almost 3 years ago)
- Last Synced: 2025-04-06T22:42:56.937Z (3 months ago)
- Language: JavaScript
- Size: 122 KB
- Stars: 10
- Watchers: 6
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Palette Generator
This is a little hacky app to generate color palettes for Tachyons.
TODO:
- Add step param
- Add color mode param
- Add option for hue definitions
- Output options
- sass, css, vars, json, js
- Auto-trim first step in scale array
# Elements
Prototyping kit.
Easily style html elements with values from your design system.
Made with:
- Create-react-app
- Styled-System
- Glamorous
## Getting started
```
git clone [email protected]:mrmrs/elements.git
```
```
npm i && npm start
```
### Component example
#### H1.js
```js
import glamorous from 'glamorous'
import { space, width, fontSize, color } from 'styled-system'
const H1 = glamorous.h1(space, width, fontSize, color, {
lineHeight: 1.25,
})
H1.defaultProps = {
fontSize: 3,4,5
}
export default H1
```
Reference the component in your jsx like so
```jsx
First heading
```