22 lines
456 B
JavaScript
22 lines
456 B
JavaScript
export const breakpoints = {
|
|
lg: 1200,
|
|
md: 992,
|
|
sm: 768,
|
|
xs: 0,
|
|
};
|
|
|
|
const BreakpointInstance = {
|
|
windowWidth: () => window.innerWidth,
|
|
getBreakpointSize() {
|
|
const windowWidth = this.windowWidth();
|
|
|
|
const breakpoint = Object.keys(breakpoints).find(key => windowWidth > breakpoints[key]);
|
|
|
|
return breakpoint;
|
|
},
|
|
isDesktop() {
|
|
return ['lg', 'md'].includes(this.getBreakpointSize());
|
|
},
|
|
};
|
|
|
|
export default BreakpointInstance;
|