@shopgate/engage
Version:
Shopgate's ENGAGE library.
59 lines • 1.22 kB
JavaScript
import { css } from 'glamor';
import { themeColors } from '@shopgate/pwa-common/helpers/config';
const modalContent = css({
width: '100%'
}).toString();
const modalLayout = css({
backgroundColor: themeColors.lightOverlay
}).toString();
const container = css({
backgroundColor: themeColors.lightOverlay,
padding: '30px',
justifyContent: 'center',
display: 'flex',
flexDirection: 'column',
textAlign: 'center'
}).toString();
const title = css({
fontWeight: 'bold',
fontSize: '1.35rem',
paddingTop: '30px',
paddingBottom: '30px'
}).toString();
const item = css({
display: 'flex',
flexDirection: 'column',
alignItems: 'center'
}).toString();
const link = css({
color: themeColors.accent,
textDecoration: 'underline'
}).toString();
const image = css({
width: '60%',
maxWidth: 400
}).toString();
const button = css({
marginTop: '20px'
}).toString();
const buttonText = css({
color: themeColors.gray
}).toString();
const buttonWrapper = css({
display: 'flex',
flexDirection: 'column',
marginBottom: '30px',
width: '100%'
}).toString();
export default {
modalContent,
modalLayout,
container,
item,
title,
link,
image,
button,
buttonText,
buttonWrapper
};