@shopgate/engage
Version:
Shopgate's ENGAGE library.
21 lines • 652 B
JavaScript
import { css } from 'glamor';
import { themeVariables, themeColors } from '@shopgate/pwa-common/helpers/config';
const {
gap
} = themeVariables;
export const items = css({
background: `var(--color-background-accent, ${themeColors.background})`,
padding: `${gap.small * 1.5}px ${gap.small * 1.5}px ${gap.big}px`,
marginBottom: `-${gap.small * 1.5}px`
});
export const card = css({
background: themeColors.light,
marginBottom: gap.small * 1.5,
':last-of-type': {
marginBottom: 0
},
border: `1px solid ${themeColors.shade7}`,
boxSizing: 'border-box',
boxShadow: '0px 4px 2px rgba(0, 0, 0, 0.05)',
borderRadius: 5
}).toString();