@shopgate/engage
Version:
Shopgate's ENGAGE library.
37 lines • 920 B
JavaScript
import { css } from 'glamor';
import { themeConfig } from '@shopgate/pwa-common/helpers/config';
const {
variables,
colors
} = themeConfig;
export const container = css({
display: 'flex',
flexDirection: 'column',
alignSelf: 'flex-end',
padding: variables.gap.big,
width: 420
});
export const headline = css({
fontSize: '1.25rem',
fontWeight: 500,
lineHeight: '1.5rem'
});
export const summary = css({
background: 'var(--color-background-accent)',
padding: variables.gap.big
});
export const total = css({
fontSize: '1rem',
padding: `${variables.gap.small}px 0`,
color: 'var(--color-text-high-emphasis)'
}).toString();
export const grandTotal = css({
fontSize: '1.25rem !important',
fontWeight: 500,
borderTop: `1px solid ${colors.shade4}`,
padding: `${variables.gap.small}px 0`,
color: 'var(--color-text-high-emphasis)',
'&:last-child': {
paddingBottom: 0
}
}).toString();