vue-emotion
vue-emotion
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
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
Author
vue-emotion © Sky Foundry, Released under the MIT License.
Authored and maintained by Sky Foundry with help from contributors (list).
https://skyfoundry.agency · Website github.com/sky-foundry/vue-emotion · GitHub
Dependencies
Dependencies
@babel/core: ^7.1.6@babel/node: ^7.0.0@babel/plugin-syntax-dynamic-import: ^7.0.0@babel/preset-env: ^7.1.6@vue/test-utils: ^1.0.0-beta.25babel-core: ^7.0.0-bridge.0babel-jest: ^23.6.0babel-plugin-emotion: ^10.0.0bili: ^3.0.13emotion: ^10.0.0eslint-config-rem: ^3.0.0jest: ^23.6.0jest-emotion: ^10.0.0jest-serializer-vue: ^2.0.2markdown-toc: ^1.1.0poi: ^10.0.0-beta.8react: ^15.6.1regenerator-runtime: ^0.13.1vue: ^2.5.17vue-jest: ^3.0.0vue-template-compiler: ^2.5.17vue-testing-library: ^0.6.3xo: ^0.18.0