-
在Hyperapp项目中运用Emotion CSS-in-JS技术的hyperapp-emotion!
资源介绍
超应用情感
绑定
该项目提供了一种使用Emotion CSS-in-JS框架在Hyperapp中制作的方法。 它在功能上类似于和,但在实现上却不一样。
考虑以下示例:
import { h } from 'hyperapp'
import styled from 'hyperapp-emotion'
const borderColor = '#0FF'
const Button = styled ( 'button' ) `
border: 1px solid ${ borderColor } ;
color: #000;
font-size: ${ props => props . size || '1rem' } ;
&:hover {
background: ${ borderColor } ;
color: #FFF;
}
`
export