Почему не завершается процесс gulp?

кстати, почему там paths.watch.js а запускается паг? это верно?

Почему не завершается процесс gulp?

Fredd Monty, вот здесь видимо косяк
gulp.watch(paths.watch.js).on('change', ['pug']);
в четверке похоже так нужно (я четверку мало юзал)

gulp.watch(paths.watch.js, function(event, cb) {
    gulp.start('pug');
});

Почему не завершается процесс gulp?

Fredd Monty, здесь все выглядит правильным

Почему не завершается процесс gulp?

стоп. нафига там вообще pipe?

Хороший совет: копипаста с форума не глядя — величайшее зло! Нужно понять и вписать правильно.

Почему не завершается процесс gulp?

Fredd Monty, ну вот, другое дело.
У вас синтаксическая ошибка — лишняя точка-с-запятой. Смотрите внимательно.

Плюс не нужно использовать reload и stream одновременно.
Плюс не нужно в вотчере вообще перезагружать страницу. Страницу нужно перезагружать в таске pug. А вотчер только запускает этот таск.

Почему не завершается процесс gulp?

Fredd Monty, "не работает" — это самая пиздатая характеристика проблемы.
Сразу все понятно. Как только читаю такое, сразу хочется послать человека на… ну вы поняли…

Как решить проблему с переводом элементов с табов на аккордеон при ресайзе окна?

deniskins23, обновил последний коммент.
Ладно, в перерыве будет время, накидаю полный пример.

Как решить проблему с переводом элементов с табов на аккордеон при ресайзе окна?

Могу на словах сказать. Перестань лазить по DOM на каждый чих. Задайте состояние компонента, единый источник истины, на основе которого будут отрисовываться все вкладки/табы. При изменении состояния перезапускайте функции перерисовки (в вашем случае смена классов и скрытие блоков). Таким состоянием может быть объект данных {activeIndex:1, viewAs:'tabs'}. Если к свойствам еще подцепить геттеры и сеттеры, то в сеттере можно будет запускать перерисовку, и для смены режима отображения достаточно будет просто присвоить новое значение свойству объекта.
Т.е. примерно так

var state = { ..... };
mql480lt.addListener(function (mq){
  if (mq.matches) state.viewAs = 'accordion';
});
mql480_780.addListener(function (mq){
  if (mq.matches) state.viewAs = 'tabs';
});
mql780gt.addListener(function (mq){
  if (mq.matches) state.viewAs = 'cards';
});

и по кликам на табы

.on('click',e=>state.activeIndex=e.target.dataset.index);

Как решить проблему с переводом элементов с табов на аккордеон при ресайзе окна?

deniskins23, Я не понимаю в чем у вас проблема. Если в алгоритмах переключения состояний, то я ошибся вопросом, для таких рутинных вещей лениво писать примеры. Если в выборе подхода к переключению, то я вам уже показал хороший метод.

За что отвечают эти две строки Html кода?

raulvodov,

Не подскажите насколько актуальны и практичны данные строки условных комментариев? Лишними не будут думаю?

Если вы не будете использовать их, то конечно они лишние.
Обратите внимание, что в каждом теге свой набор классов lt-ie9 lt-ie8 lt-ie7. соответственно при таком использовании вы можете к css коде писать отдельные стили для разных версий IE

.block { нормальные стили }
.lt-ie9 .block { стили для IE9 }
.lt-ie8 .block { стили для IE8 }
.lt-ie7 .block { стили для IE7 }

Если вы этого делать не собираетесь, то и условные комментарии вам не нужны.

Как решить проблему с переводом элементов с табов на аккордеон при ресайзе окна?

deniskins23, Я тебе показал пример со сбросом аккордеона при увеличении ресайза. Дальше аналогично допиливается.

Как исправить, что вместо массива на почту приходит "Array"?

В общем, запутался =)
Вот:

$mail->Body    = '
    Пользователь оставил свои данные <br>
    Район: ' . join('<br>', $_POST['area']) . ' <br>
    Количество комнат: ' . $_POST['Rom'] . ' <br>
    Площадь: ' . $_POST['house'] . ' <br>
    Ремонт: ' . $_POST['repairs'] . ' <br>
    Бюджет: ' . $_POST['budget'] . ' <br>
    Способ оплаты: ' . $_POST['ways'] . ' <br>
  Телефон: ' . $_POST['tel'] . '';

Как исправить, что вместо массива на почту приходит "Array"?

Сорри, у вас херня какая-то в php, или я не въехал....

Вот так, наверное:

$mail->Body = 'Пользователь оставил свои данные <br>'
    . implode('<br>', $_POST['area'])
    . 'Район: ' . $_POST[$body] . ' <br>
    Количество комнат: ' . $_POST['Rom'] . ' <br>
    Площадь: ' . $_POST['house'] . ' <br>
    Ремонт: ' . $_POST['repairs'] . ' <br>
    Бюджет: ' . $_POST['budget'] . ' <br>
    Способ оплаты: ' . $_POST['ways'] . ' <br>
                Телефон: ' . $_POST['tel'] . '';

Как исправить, что вместо массива на почту приходит "Array"?

Егор Аринов, php оставьте как было. в $_POST['area'] будет массив.

Вы прочтите что делает serializeArray, он совсем по другому пакует данные и в каждом поле у вас будет массив name:bla, value:bla

поэтому я рекомендую использовать serialize, который просто собирает данные как есть.
В конце-концов сделайте var_dump, чтобы увидеть, что реально приходит из браузера.

Как сделать такую тень?

Примерно так jsfiddle.net/ez4j3617

Как решить проблему с переводом элементов с табов на аккордеон при ресайзе окна?

deniskins23, ну вот для примера https://jsfiddle.net/nyz2ko0w/3/
Дальше сам.

Как выровнять пункты списка?

НЕ УМЕЕТ ТАК ФЛЕКСБОКС. Тысячу раз уже сказано.
Кирпичная кладка только скриптом masonry

"Колоночная простановка" flexbox?

Антон, вот так еще можно, оно вроде везде работает (inline-block) https://jsfiddle.net/0o3cps48/2/
Ну или всё вместе, для надежности =)

"Колоночная простановка" flexbox?

Антон, с самими колонками всё отлично.
Там есть траблы с разрывом элементов (page-break-inside), нужны префиксы или устаревшие версии свойств. Не помню, редко использую колонки.

Как решить проблему с переводом элементов с табов на аккордеон при ресайзе окна?

deniskins23, собственно там и ресайз слущать не нужно. Просто все условия поместите в единственного слушателя клика

$('.tabs__link').on('click', function(e){

  // тут проверяйте размеры окна/экрана и делайте прочие нужные вещи

});