style-bits

style-bits

A collection of small opinionated functions that can be combined or used individually in your design system.

Install

yarn add style-bits

npm install style-bits --save

Example

import {
  border,
  color,
  colors,
  elevation,
  fixVerticalRhythm,
  flex,
  isLightColor,
  parseColor,
  position,
  size,
  space,
  spacing,
  typography,
} from 'style-bits'
 
const App = () => (
  <div style={space({ padding: 2, marginBottom: 0.5 })}>
    Styled Box
  </div>
)