Skip to content
Gatsby plugin to add support for Aphrodite
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.babelrc
.editorconfig
.eslintignore
.eslintrc.json
.gitignore
.npmignore
.travis.yml
LICENSE
README.md
index.js
package.json
yarn.lock

README.md

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

You can’t perform that action at this time.