Gatsby plugin to add support for Aphrodite
npm install gatsby-plugin-aphrodite[![Build Status][build-badge]][build]
[![twitter][twitter-badge]][twitter]
[![version][version-badge]][package]
[![MIT License][license-badge]][license]
Provides drop-in support for Aphrodite in Gatsby.
``sh`
yarn add aphrodite gatsby-plugin-aphrodite
or
`sh`
npm install --save aphrodite gatsby-plugin-aphrodite
Add the plugin to the plugins array in your gatsby-config.js:
`js
//gatsby-config.js
plugins: ['gatsby-plugin-aphrodite']
`
then use aphrodite in your component files:
`js
// SomeComponent.js
import { StyleSheet, css } from 'aphrodite'
const styles = StyleSheet.create({ message: { color: 'red' } })
const SomeComponent = () => (
export default SomeComponent
``
MIT © Ben Williams
[build-badge]: https://img.shields.io/circleci/build/github/biw/gatsby-plugin-aphrodite.svg?style=flat-square
[build]: https://travis-ci.org/biw/gatsby-plugin-aphrodite
[version-badge]: https://img.shields.io/npm/v/gatsby-plugin-aphrodite.svg?style=flat-square
[package]: https://www.npmjs.com/package/gatsby-plugin-aphrodite
[license-badge]: https://img.shields.io/npm/l/gatsby-plugin-aphrodite.svg?style=flat-square
[license]: https://github.com/biw/gatsby-plugin-aphrodite/blob/master/LICENSE
[twitter-badge]: https://img.shields.io/twitter/follow/biwills.svg?style=flat-square&logo=twitter&label=Follow
[twitter]: https://twitter.com/biwills