in your project:
yarn add react-shed
make sure you install the peer dependencies:
yarn add react glamorous
in your app root:
import React from 'react';import render from 'react-dom';import ThemeProvider from 'glamorous';import ShedcreateThemeresetfrom 'react-shed';import App from 'app';// use `createTheme` to customize colors, typefaces, scale, etcconst TED_THEME =;;
now you can build components using shed.css properties:
<Shed="span"="1"="red"="b"="1/3">margin-left and margin-right of '1' on your scale color of red displayblock and width 1of3</Shed>
jsxdisallows hyphenated property names, so any property that has a hyphen in shed (
flx-gfor example), becomes the un-hyphenated version of itself (
flxg). The value can remain hyphenated.
I get you. How about something like this?
babel transform for that!
this sugar. Install it with
yarn add -D babel-plugin-shed and add it to your