Из-за чего может быть такое с футером?

не увижу не пойму

Из-за чего может быть такое с футером?

у тебя официальное мыло указано в футере и искать не надо было.

надо чтобы он был размера, как сейчас, маленького...

.footer-widgets {
    padding: 95px 0; <- уменьшить
    background-color: #252525;
}

Как правильно записать вложенность в scss?

Ankhena, то что ты написал будет .open__label и .open__arrow

Могут ли быть title одинаковый с open graph title?

FronzZ, она же по сути для соц сетей предназначена, что бы превью появлялось. Если у тебя устраивает, то что в тайтле, то оставляй, если нет, то делай по-другому.

Как сделать подобный слайдер на slick?

godsplane, ну так здесь еще проще, делаешь 2 слайдера связываешь их (asNavFor, asNavFor), слева выводишь пагинацию, справа слайды. Ну или делаешь пагинацию и стрелки вешаешь методы (slickNext, slickPrev и т.д.), а справа опять слайды. le-park.com тоже использует слик, зайди в код и посмотри.

Как сделать две версии сайта на PHP?

Данила Павлинов,
Пишешь в css

:root {
  --text-color: #000;
  --page-background: #fff;
}
.dark-theme {
  --text-color: #fff;
  --page-background: #000;
}
body {
  color: var(--text-color);
  background: var(--page-background);
}

Ну это мини пример, для наглядности.

А так все гуглится
https://itgap.ru/post/kak-dobavit-temnyj-rezhim-na-sajt
https://habr.com/ru/post/466587/
https://codepen.io/z00f9eb5633/pen/ZEzMpdj
https://codepen.io/sashatran/pen/rPaLgG

Как сделать две версии сайта на PHP?

два css типа light.css и dark.css

вместо этого можно использовать css переменные и если выбран темный цвет добавлять dark-theme классом к body. В dark-theme будут просто переопределены цвета в переменных.

Кэширование и подружить Safari?

ART4, вроде опция cache: false, должна работать в связке type: 'GET' , посмотри документацию в jquery

$.ajax({
    type: 'GET',
    cache: false
});

Если используешь либу селект 2, то пробуй так
$(".js-example-data-ajax").select2({
ajax: {
url: "example.org/api/test",
cache: false
}
});

Если хочешь другую либу с поиском взгляни на selectize

Как сделать анимацию dots в слайдере?

Сергей Пономарёв, у меня нету, возможно где то есть. С данным слайдером не знаком. Изучай Api смотри если возможность кастомить пагинацию, если есть, то тогда сможешь спокойно взять свой пример и сделать такую пагинацию.

Как сделать анимацию dots в слайдере?

Сергей Пономарёв, так регулируй, меняй время https://codepen.io/inkshio/pen/jOMOvvQ

Как в pug передавать блоку (бэм) каким элементом он является?

Кирилл, не знаю, что ты подразумеваешь под автоматизацией создания блока.

Можешь поискать на гитхабе, там есть плагины что то типо bem-pug которые могут тебе понравиться.

P.S.
У меня такой подход, потому что использую emitty . Плагин который пересобирает только изменённые файлы, основываясь на include и extend. А так ты можешь подключить миксины в любой файл который будет инклюдиться на всех страницах, к примеру в header.pug

Как в pug передавать блоку (бэм) каким элементом он является?

Посмотри как можно еще писать миксины, более удобный вариант, чем стандартный.

Как в pug передавать блоку (бэм) каким элементом он является?

Даже не знаю, насколько это удобно

А в чем не удобство? Как будет удобнее?

В index.pug
иклюдишь header.pug, footer.pug

в header.pug
иклюдишь component/input.pug
и вставляешь +input('search_big') там где должно выводиться

в footer.pug
иклюдишь component/input.pug
и вставляешь +input('search_small') там где должно выводиться

в component/input.pug просто миксин поля поиска

На примере поля поиска понятно вроде все.

Как правильно писать HTML-ссылки в webpack-е?

Никита Киселёв, Ну походу уже, что то проясняется.
Если ты хочешь, что бы pages/UI-Kit/ui-kit.pug компилился в dist/UI-Kit/ui-kit.html то это webpack.
Сейчас получается у тебя должно работать так +button_gradient('ui-kit.html', 'UI-Kit страница 1')

Как сделать точки по бокам вне зависимости от количества элементов?

tkachenkoaanna097, поменяй border-top на border-bottom

Как привязать кнопки к ползунку?

Vladislav, на скорую руку, что то типо того.

вот еще один пример найденный на просторах

Как добраться до элемента?

$('#categoryBtnOne').closest('.tabs__catalog-wrap').find('.tabs__links-products.none') такой вариант не устраивает?

Как отменить закрытие magnific popup, если нажать кнопку мыши на попапе, а отпустить за попапом?

Ну тогда можешь попробовать так.

$('.popup').magnificPopup({
  closeOnBgClick: false,
  callbacks: {
    open: function() {
      если mousedown то закрыть
    }
  }
});

Менее ресурснозатратный редактор, чем Visual Studio Code, на русском языке, 2 на 2 разделение экрана, запуск gulp из под редактора?

Юра Сторчака, кто ищет тот найдет

Как в Gulp после сборки, скаченные плагины/библиотеки засунуть в папку lib, в который будут папки с плагинами?

ArtJH, ты хочешь что бы в папке lib, лежали файлы к примеру slick.js, slick.css, wow.js, wow.css ?