0.4.26 • Published 5 years ago
@sky-foundry/vue-emotion v0.4.26
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
0.4.26
5 years ago
0.4.25
5 years ago
0.4.24
5 years ago
0.4.23
5 years ago
0.4.22
5 years ago
0.4.21
5 years ago
0.4.20
5 years ago
0.4.19
5 years ago
0.4.18
5 years ago
0.4.17
5 years ago
0.4.16
5 years ago
0.4.15
5 years ago
0.4.14
5 years ago
0.4.13
5 years ago
0.4.12
5 years ago
0.4.11
5 years ago
0.4.10
5 years ago
0.4.9
5 years ago
0.4.8
5 years ago
0.4.7
5 years ago
0.4.6
5 years ago
0.4.5
5 years ago
0.4.4
6 years ago
0.4.3
6 years ago