Nutrient Packed Morsels

    gatsby-plugin-aphrodite

    2.1.1 • Public • Published

    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

    Install

    npm i gatsby-plugin-aphrodite

    DownloadsWeekly Downloads

    39

    Version

    2.1.1

    License

    MIT

    Unpacked Size

    8.92 kB

    Total Files

    10

    Last publish

    Collaborators

    • 719ben