export enum size { mobile = 0 , mobileLarge = 420 , tablet = 768 , desktop = 1100 } const breakpoints = { mobile : `(min-width: ${ size . mobile }px)` , mobileLarge : `(min-width: ${ size . mobileLarge }px)` , tablet : `(min-width: ${ size . tablet }px)` , desktop : `(min-width: ${ size . desktop }px)` , } ; export enum contentSize { mobile = 0 , tablet = 1 , desktop = 1024 } export enum pageGutter { mobile = 16 , tablet = 32 } export default breakpoints ;