gpa
gatsby-plugin-aphrodite
npm i gatsby-plugin-aphrodite
gpa

gatsby-plugin-aphrodite

Gatsby plugin that adds support for Aphrodite

by Ben Williams

2.1.1 (see all)License:MITTypeScript:Not FoundCategories:Gatsby CSS-in-JS
npm i gatsby-plugin-aphrodite
Readme

gatsby-plugin-aphrodite

Build Status twitter version MIT License

Provides drop-in support for Aphrodite in Gatsby.

Install

yarn add aphrodite gatsby-plugin-aphrodite

or

npm install --save aphrodite gatsby-plugin-aphrodite

How to use

Add the plugin to the plugins array in your gatsby-config.js:

//gatsby-config.js

plugins: ['gatsby-plugin-aphrodite']

then use aphrodite in your component files:

// SomeComponent.js

import { StyleSheet, css } from 'aphrodite'

const styles = StyleSheet.create({ message: { color: 'red' } })

const SomeComponent = () => (
  <div className={css(styles.message)}>Hello World</div>
)

export default SomeComponent

LICENSE

MIT © Ben Williams