@shopgate/engage
Version:
Shopgate's ENGAGE library.
22 lines • 799 B
JavaScript
import { css } from 'glamor';
import { themeVariables, themeColors } from '@shopgate/pwa-common/helpers/config';
export const container = css({
fontSize: '0.75rem',
padding: `0 ${themeVariables.gap.big}px ${themeVariables.gap.small}px ${themeVariables.gap.big * 3}px`,
marginTop: `-${themeVariables.gap.small}px`,
flexDirection: 'column'
}).toString();
export const alternativeLocation = css({
fontSize: '0.825rem',
padding: `0 ${themeVariables.gap.big}px ${themeVariables.gap.small}px ${themeVariables.gap.big * 3}px`
}).toString();
export const unavailable = css({
color: themeColors.dark,
fontSize: '0.625rem',
textTransform: 'uppercase',
letterSpacing: '0.05em',
opacity: 0.5
}).toString();
export const locationName = css({
color: 'var(--color-text-medium-emphasis)'
});