@shopgate/engage
Version:
Shopgate's ENGAGE library.
40 lines • 920 B
JavaScript
import { css } from 'glamor';
import { themeColors } from '@shopgate/pwa-common/helpers/config';
const button = css({
background: `var(--color-background-accent, ${themeColors.overlay})`,
color: 'var(--color-text-high-emphasis)',
position: 'relative',
cursor: 'pointer',
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
minHeight: 56,
outline: 0,
padding: '12px 16px',
marginBottom: 8,
transition: 'background 250ms ease-in, color 250ms ease-in'
}).toString();
const buttonDisabled = css({
color: `${themeColors.shade4} !important`
}).toString();
const label = css({
fontSize: 12,
marginTop: -2,
marginBottom: 4
}).toString();
const selection = css({
fontWeight: 500,
lineHeight: 1.125
}).toString();
const arrow = css({
position: 'absolute',
right: 32,
fontSize: 20
}).toString();
export default {
arrow,
button,
buttonDisabled,
label,
selection
};