curls
Version:
💪 Responsive, expressive UI primitives for React written with Style Hooks and Emotion
31 lines (30 loc) • 750 B
JavaScript
import {css} from '@emotion/core'
import {getHoverQuery} from '../utils'
export const scale = {
sm: {
name: 'm43nrq',
styles: 'padding:0.67rem 1.33rem;',
},
md: {
name: 'mope0u',
styles: 'padding:1rem 2rem;',
},
lg: {
name: 'drekz9',
styles: 'padding:1.5rem 3rem;',
},
}
export const getHoverClass = () => {
// adds css classes for hover and active states
const hoverStyle = '\n &:hover {\n opacity: 0.8;\n }\n '
const noneStyle = '\n &:hover {\n opacity: 1.0;\n }\n '
return getHoverQuery(hoverStyle, noneStyle)
}
var _ref = {
name: 'nd4gqg',
styles: '&:active{opacity:1;}',
}
export const getActiveClass = (theme, props) => {
if (props.bg === void 0) return
return _ref
}