tachyons-css / palette-generator

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 [e-mail]:mrmrs/elements.git

npm i && npm start

Component example

H1.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

<H1 fontSize={[ 2,3,5 ]}>First heading</H1>