Переопределение стилей в миксах BEM?

Олег, Спасибо, щас попробую поковырять твой gulpfile.

Я тоже использую gulp для сборки, но у меня он без разбора берёт все файлы стилей подряд из всех блоков и склеивает в один. Поэтому с переопределением полный рандом.

Как версталась эта страница со странными и бессмысленными классами?

Егор Живагин, А что они учитывают? Семантику?

Переопределение стилей в миксах BEM?

Сборки для бэма? Что за сборки и как они помогут переопределить стили?
Меня интересует именно как это работает.

Переопределение стилей в миксах BEM?

Keda37, Задавать модификатор для отступа - неправильно.

Модификаторами в БЭМ задают блокам внешний вид, состояние и поведение.

На счёт header__logo согласен, но это я сделал специально, чтобы показать пример.
Получается для блоков лучше не задавать стили для позиционирования?

Миксы, судя по названию миксуют стили, но что делать с переопределением?
Если у меня в блоке всё-таки прописаны отступы, то как их переопределить, только модификатор писать?

Как версталась эта страница со странными и бессмысленными классами?

Антон Спирин, Я так понимаю на поисковики ложат *** в таком случаи?)

Как версталась эта страница со странными и бессмысленными классами?

Почему название классов такие? Они рандомно генеряться как-то?

Как решить две проблемы: (1) прокрутка фона Popup и (2) выползание сайта за экран?

Юрий Гец, Это видимо минус этого способа.
Гуглите overflow hidden ios или что-то подобное.

Как решить две проблемы: (1) прокрутка фона Popup и (2) выползание сайта за экран?

Юрий Гец, попробуйте в класс добавить height, width, и position: fixed

.scroll-hidden {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

Как решить две проблемы: (1) прокрутка фона Popup и (2) выползание сайта за экран?

Юрий Гец, Во все 9 штук ещё добавьте $("body").removeClass("scroll-hidden");

<!-- НИЖЕ СКРЫТИЕ ПОПАПА КЛИКОМ ПО НЕАКТИВНОЙ=ФОНОВОЙ ОБЛАСТИ -->
  <script>
    $(document).mouseup(function (e) {
            var container = $("#popup1");
            if (container.has(e.target).length === 0){
                container.hide();
                $("body").removeClass("scroll-hidden"); 
            }
    });
  </script>

Как решить две проблемы: (1) прокрутка фона Popup и (2) выползание сайта за экран?

Юрий Гец, Понятно. Зря время значит тратил)

Как решить две проблемы: (1) прокрутка фона Popup и (2) выползание сайта за экран?

Юрий Гец, Кусок кода на jquery я привел для примера.

Смотрите, у Вас есть функции отображения и скрытия попапа

//Функция отображения PopUp
    function PopUpShow(){
        $("#popup1").show();
    }
    //Функция скрытия PopUp
    function PopUpHide(){
        $("#popup1").hide();
    }

Я так понимаю для каждой кнопки отдельная функция, это конечно странно, но ладно, не суть.

В каждую функция в зависимости от того что она делает прописываем
либо $("body").addClass("scroll-hidden");
либо $("body").removeClass("scroll-hidden");

Если это функция отображения, то addClass

//Функция отображения PopUp
    function PopUpShow(){
        $("#popup1").show();
        $("body").addClass("scroll-hidden");
    }

Если скрытия, то removeClass

//Функция скрытия PopUp
    function PopUpHide(){
        $("#popup1").hide();
        $("body").removeClass("scroll-hidden");
    }

Если помог, то отметьте ответ решением.

Как решить две проблемы: (1) прокрутка фона Popup и (2) выползание сайта за экран?

Добавление класса, Удаление класса, Варьирование наличия класса

Вот так:

.scroll-hidden {
    overflow: hidden;
}

$("body").addClass("scroll-hidden"); // Добавление класса
$("body").removeClass("scroll-hidden"); // Удаление класса
$("body").toggleClass("scroll-hidden"); // Удаление либо добавление класса в зависимости от его наличия

То есть, при открытии popup'а мы добавляем класс, при закрытии удаляем класс.

Чем заменить transform в браузере Safari?

anton99zel, Нет. Почитайте что такое gulp.
Коррективы будут вноситься при сборке проекта.

Как не писать г-код html?

Ostin1, Во всех современных и более-менее функциональных редакторах есть опция, которая эмулирует сколько тебе нужно проблевом по нажатию таб. Хоть один пробел ставь по табу, хоть четыре.

Советую почитать codeguide от html академии
codeguide.academy/html-css.html

И поставить себе в редактор htmlhint. Там даже в гайде готовый конфиг дают.

Как сделать ,чтобы при нажатии на кнопку контейнер добавлялся ,а при повторном нажатии убирался?

slo_nik, А я не собираюсь на Вы общаться с тем, кто грубит незнакомым людям без причины.
Грубишь - получаешь такое же отношение обратно.

Как сделать ,чтобы при нажатии на кнопку контейнер добавлялся ,а при повторном нажатии убирался?

slo_nik, Так бы и написал сразу, а то начинаешь язвить и ничего непонятно.
Автор видимо не знал, что код скроется, собственно как и я, если не использоваться <code></code>

Как сделать ,чтобы при нажатии на кнопку контейнер добавлялся ,а при повторном нажатии убирался?

slo_nik, У меня нет никакого кода

Как сделать ,чтобы при нажатии на кнопку контейнер добавлялся ,а при повторном нажатии убирался?

slo_nik, Дак он никакого кода и не написал.

Проблемы с модульным окном, мерцание как убрать?

Вадим Ягофаров, Нужно комментировать оба свойства

/*-webkit-transform: scale(1.1);*/
/*transform: scale(1.1);*/

https://codepen.io/anon/pen/VQpqmQ

Считается ли такая верстка - версткой по БЭМ?

Первая
Вторя
Третья
Четвертая
Пятая
Шестая

Что это?)