export const viewports = { XS : 400 , S : 640 , M : 768 , L : 1024 , XL : 1440 , } ; export const breakpoints = { XS : `(min-width: ${ viewports . XS }px)` , S : `(min-width: ${ viewports . S }px)` , M : `(min-width: ${ viewports . M }px)` , L : `(min-width: ${ viewports . L }px)` , XL : `(min-width: ${ viewports . XL }px)` , } ;