@shopgate/engage
Version:
Shopgate's ENGAGE library.
40 lines • 1.03 kB
JavaScript
import { css } from 'glamor';
import { isIOSTheme } from '@shopgate/engage/core';
import { themeConfig } from '@shopgate/pwa-common/helpers/config';
const {
colors,
variables,
shadows
} = themeConfig;
export const wrapper = css({
background: colors.light,
boxShadow: shadows.cart.paymentBar,
position: 'relative',
zIndex: 2,
paddingBottom: 'var(--safe-area-inset-bottom)'
});
export const container = css({
padding: isIOSTheme() ? variables.gap.small : variables.gap.big,
paddingBottom: 0,
lineHeight: 1.45,
flexWrap: 'wrap',
flexDirection: 'column',
minWidth: 'auto'
}).toString();
export const checkoutButton = css({
display: 'flex',
justifyContent: 'flex-end',
flexDirection: 'column'
});
export const checkoutButtonContainer = css({
background: colors.light,
alignItems: 'center',
padding: isIOSTheme() ? variables.gap.small : variables.gap.big,
position: 'relative',
zIndex: 2
});
export const spacer = css({
width: isIOSTheme() ? 27 : 32,
order: 1,
flexShrink: 0
}).toString();