react-twilight v0.6.1

react-twilight

Same as styled-system, but central manage and added a lot of abilities

Install

npm install --save react-twilight

Installation

Wrap application by ThemeProvider

import { ThemeProvider } from "react-twilight";
import theme from './theme'

export default function App() {
  return (
    <ThemeProvider theme={theme}>
      {// omitted}
    </ThemeProvider>
  );
}

Usage

import {
  ThemeProvider,
  ThemeConsumer,
  createStyleParser,
  createSelectorParser,
  createVariantParser,
  withTwilight,
  buildValues,
  styles,
  csses,
  addAllStyles,
  addAllSelectors,
  addAllVariants,
  addAllCsses,
  twilightPragma,
  twilight,
  parsersManager,
  tl
} from 'react-twilight'

addAllStyles()
addAllSelectors()
addAllVariants()
addAllCsses()

const fontSizeVariantParser = createVariantParser('textSize')
const objectFitStyleParser = createStyleParser('objectFit')

parsersManager.add(fontSizeVariantParser)
parsersManager.add(objectFitStyleParser)

License

MIT © unique01082