Nautical Pirate Moustache

    @appbaseio/vue-emotion

    0.4.4 • Public • Published

    vue-emotion

    NPM version NPM downloads CircleCI donate

    emotion is the Next Generation of CSS-in-JS.

    Install

    yarn add emotion vue-emotion

    Table of Contents

    Usage

    Create your styled component:

    import styled from 'vue-emotion'
    
    const Button = styled('button')`
      font-size: 15px;
    `
    
    const PinkButton = styled(Button)`
      color: pink
    `
    
    new Vue({
      render() {
        return (
          <div>
            <Button>normal button</Button>
            <PinkButton>pink button</PinkButton>
          </div>
        )
      }
    })

    Refer to https://github.com/tkh44/emotion for more docs.

    Contributing

    1. Fork it!
    2. Create your feature branch: git checkout -b my-new-feature
    3. Commit your changes: git commit -am 'Add some feature'
    4. Push to the branch: git push origin my-new-feature
    5. Submit a pull request :D

    Author

    vue-emotion © EGOIST, Released under the MIT License.
    Authored and maintained by EGOIST with help from contributors (list).

    github.com/egoist · GitHub @EGOIST · Twitter @_egoistlily

    Keywords

    none

    Install

    npm i @appbaseio/vue-emotion

    DownloadsWeekly Downloads

    1,288

    Version

    0.4.4

    License

    MIT

    Unpacked Size

    150 kB

    Total Files

    8

    Last publish

    Collaborators

    • siddharthlatest
    • anjuma
    • mohdashraf010897
    • reactivesearch