ну тк devtools у хрома показывает ксс. а по map он смотрит только пути в scss. он и не должен тебе показывать переменные. он показывает твой сгенерированный css. а чтобы ты не запутался где править - он показывает номер строки в scss. и все. на большее отладчик хрома не способен
если я правильно понял то вам нужно создать 4 репозитория. в первом будет ваше ядро. а в 3-х других собственно проекты для "разных заказчиков". и вот в эти 3 первый репозиторий будет подключаться через git submodule https://git-scm.com/book/ru/v1/%D0%98%D0%BD%D1%81%...
в настройках FileZilla в разделе "ассоциации" можно прописать чем открывать тот или иной файл для правки. ну и так и открываешь файл прям с сервера. а при сохранении он автоматом его заливает обратно.
каждый шрифт имеет свою ширину. можете только подобрать letter-spacing для шрифта и указывать его для определенного шрифта. но это будет смотреться не всегда красиво. поэтому лучше все же подгонять сайт под шрифт раз вы решились его поменять. или иметь 2 разных стиля если вы собираетесь менять шрифт одним щелчком.
с такой задачей не сталкивался, но смотреть нужно в сторону
gulp-html-replace, gulp-inject, gulp-htmlbuild и gulp-resources
которые подключают нужные скрипты на страницу. только вам нужно изменить подключение не скриптов, а просто линков
P.s. <<Вы можете самостоятельно настроить все необходимые параметры бутстрапа, а затем скачать его и подключить. >> - не предлагать (знаю, поздно)... Уже отверстано 6 страниц из 12, сами понимаете оооочень не хочется все начинать сначала)
а что именно у вас сломается? если вы не трогали файлы бутсрапа - от того что вы в getbootstrap.com/customize настроите что то и скачаете по новой - ничего не изменится, кроме тех вещей которые вы поменяли в настройках
обычный слайдер. просто при ховере прописано перелистывание слайдера
через kenwheeler.github.io/slick можно сделать используя методы
$('.your-element').slick('slickNext'); и $('.your-element').slick('slickPrev'); при ховере на нужные эелементы
берешь див - relative. в нем проводишь косую черту через after;
в этот див засовывешь 2 спана - position: absolute;
один из которых - top: 0; left: 0;
второй - right: 0; bottom: 0;
на текст натянуть bg - вот пример https://css-tricks.com/image-under-text/
а вот уже чтобы двигалось. нужно 2 бэкграунда натянуть и на текст и на фон и двигать их через js.
а какой ты ответ хочешь услышать? отлаживать IE без IE не получится) эмулятор всех багов IE в отдельном шустром браузере с нормальным DevTools еще не придумали)