You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
615 B
22 lines
615 B
5 years ago
|
// Mobile menu
|
||
|
|
|
||
|
|
const menuTrigger = document.querySelector(".menu-trigger");
|
||
|
|
const menu = document.querySelector(".menu");
|
||
|
|
const mobileQuery = getComputedStyle(document.body).getPropertyValue(
|
||
|
|
"--phoneWidth"
|
||
|
|
);
|
||
|
|
const isMobile = () => window.matchMedia(mobileQuery).matches;
|
||
|
|
const isMobileMenu = () => {
|
||
|
|
menuTrigger && menuTrigger.classList.toggle("hidden", !isMobile());
|
||
|
|
menu && menu.classList.toggle("hidden", isMobile());
|
||
|
|
};
|
||
|
|
|
||
|
|
isMobileMenu();
|
||
|
|
|
||
|
|
menuTrigger &&
|
||
|
|
menuTrigger.addEventListener(
|
||
|
|
"click",
|
||
|
|
() => menu && menu.classList.toggle("hidden")
|
||
|
|
);
|
||
|
|
|
||
|
|
window.addEventListener("resize", isMobileMenu);
|