starter/src/utilities/styles/mixins.ts

export const container = {
	padding: '0 1rem',
	boxSizing: 'border-box',
	margin: '0 auto',
	maxWidth: 'calc(var(--width-base, 360px) * 2)',
	width: '100%',
	height: '100%',
	display: 'flex',
	alignItems: 'center',
}

export const wideContainer = {
	padding: '0 1rem',
	boxSizing: 'border-box',
	margin: '0 auto',
	maxWidth: 'calc(var(--width-base, 360px) * 3)',
	width: '100%',
	height: '100%',
	display: 'flex',
	alignItems: 'center',
}