Да это я сразу прочитал конечно же. Но до меня не доходило что надо структуру вложенности классов соблюдать.

И все таки, касательно моего #вопроса: вроде бы есть какой то плагин, rebase postcss? Но у меня не хватает скила чтобы это встроить в галп. И конкретно в вашу сборку

Можно ли как-то через запятую идентичные функции записать?  В них только название функции разное. Вопрос, наверное, тупой) Прошу меня простить. Я JS учил недолго, мало практиковался и месяца 3 назад это делал .

const burger = document.querySelector("#navbar__togle");
const mobileMenu = document.querySelector("#mobileMenu");
const cross = document.querySelector("#mobileMenuCross");
const backg = document.querySelector("#backg");
const body = document.querySelector("body");

// Бургер
burger.onclick = function () {
 burger.classList.toggle("menu-icon-active");
 mobileMenu.classList.toggle("mobile-menu_active");
 backg.classList.toggle("backg_active");
 body.classList.toggle("lock");
 //При нажатии на бургер отступ у body появляется, если устройство не mobile
 function DetectMobile() {
   var uagent = navigator.userAgent.toLowerCase();
   if (uagent.search("mobile") == -1) body.classList.toggle("hideScrl");
 }
 DetectMobile();
};
// Крест
cross.onclick = function () {
 mobileMenu.classList.toggle("mobile-menu_active");
 backg.classList.toggle("backg_active");
 body.classList.toggle("lock");
 function DetectMobile() {
   var uagent = navigator.userAgent.toLowerCase();
   if (uagent.search("mobile") == -1) body.classList.toggle("hideScrl");
 }
 DetectMobile();
};
// Задний фон
backg.onclick = function () {
 mobileMenu.classList.toggle("mobile-menu_active");
 backg.classList.toggle("backg_active");
 body.classList.toggle("lock");
 function DetectMobile() {
   var uagent = navigator.userAgent.toLowerCase();
   if (uagent.search("mobile") == -1) body.classList.toggle("hideScrl");
 }
 DetectMobile();
};

Приветствуем в чате верстальщиков и фронтендеров, K! 🖐🏻

Будет круто, если ты расскажешь о немного о себе. Наш чат открыт для каждого: кто хочет учить и учиться! 👩🏼‍💻👨🏼‍💻

В последнее время у нас появилось много участников, поэтому правила — важный компонент для сохранения мира в сообществе. Ознакомься с ними😉

Полезные ресурсы – /notes
Вызвать админа (используйте при острой необходимости!) – /adminlist

Ну короче костылем, но решил
во views.js прописал replace для html
в style.js тоже самле только для css

Это конечно дикий костыль я полагаю,  Но если все картинки строго лежат в img то все вроде работает.

Решение есть

const burger = document.querySelector("#navbar__togle");
const mobileMenu = document.querySelector("#mobileMenu");
const cross = document.querySelector("#mobileMenuCross");
const backg = document.querySelector("#backg");
const body = document.querySelector("body");


function burgerMenu(e) {
  if (e.target === burger) {
    burger.classList.toggle("menu-icon-active");
  }
  mobileMenu.classList.toggle("mobile-menu_active");
  backg.classList.toggle("backg_active");
  body.classList.toggle("lock");
  function DetectMobile() {
    let uagent = navigator.userAgent.toLowerCase();
    if (uagent.search("mobile") == -1) body.classList.toggle("hideScrl");
  }
  DetectMobile();
}

burger.addEventListener('click', burgerMenu);
cross.addEventListener('click', burgerMenu);
backg.addEventListener('click', burgerMenu);

/notes

Список заметок в чате Чат — Типичный Верстальщик:
- документация_smartgrid_от_лаврика
- карта_обучения_верстальщика
- макеты_в_figma
- полезно_почитать
- полезные_инструменты
- сборки_gulp
- шпаргалки

Вы можете получить эти заметки, используя /get notename, или #notename

/get notemate

Заметка не найдена.

/get notemate  полезно_почитать

Заметка не найдена.

/get notename

Заметка не найдена.

/get полезно_почитать

Единицы измерения vh, vw, vmin, vmax, Эффективное использование ARIA в HTML5, Как работать с CSS-препроцессорами и БЭМ, Производительные CSS-селекторы, Популярные классы для HTML, Используем WebP

#сборки_gulp

Сборка HTML+SCSS, Сборка Pug+SCSS

#карта_обучения_верстальщика