0.4.29 • Published 6 years ago
vue-emotion v0.4.29
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