stasov1

Вам нужно изучить какое-нибудь API карт (Яндекс, гугл, опенстритмап и т.д.) по ключевым словами "выделения объекта на карте".

проблема вот в этой строчке loaders: ['react-hot', 'babel-loader'], поствьте из  npm новую версию пакете react-hot-loader@3.0.0-beta.6 и замените эту строку на loaders: ['react-hot-loader/webpack', 'babel-loader'].

Это скорее всего очень легаси код, не самых лучших разработчиков, вобще связка jquery+react... Используйте fetch или axios.

У вас класс который запускает анимация называется card1_anim, а при скроле добавляете другой класс bl2_anim. Хотя пишите что при наведении, вначале внимательно в коде разберитесь

А как вы потом множество .css подключать будете? Все равно нужно на выходе слить все в 1 файл, но по вашему вопросу гуглите css-loader и postcss postcss-precss с реактом это очень классно. У вас кстати почти все настроенно.

Если кроссбраузреность вообще не нужна, то можно посмотреть в сторону clip-path (htmlbook.ru/blog/maskirovanie-v-css). Или же можно очень сильно напрячься и сделать это с помощью трех блоков и фоновой картинки

<div class="wrapper">
  <div class="top"></div>
  <div class="bottom"></div>
</div>

.wrapper задать ширину, высоту и overflow hiddne. А блокам .top и .bottom задать 50% высоты родительского блока и спозиционировать их, задать им в качестве фона эту картинку и спозиционировать фон и transform scew.

И самый простой вариант - это просто вырезать из макета картинку сразу такой формы.

Можно без флекса

.header__login{
  width: 40%;
  height: 50px;
  border: 1px solid;
  position: relative;
  text-align: center;
  line-height: 50px;
}

Попробуй не менять значения атрибута 'd', а сразу задай ему нужные параметры, и задай класс в стилях opacity: 0; visibility: hidden; transition: all .2s linear; и по клику добавляй/удаляй этот класс

без уникального id не получиться, просто это может быть data-атрибут, иначе как понять какое именно модальное окно показать пользователю? Мы делаем так - все кнопкам которые открывают модалки даем data-id="1", data-id="2" и так далее, и точно так же размечаем сами модалки общий wrapper и конкретно окно с data-id, после клика проверяем data-id и показываем модальное окно с соответствующим data-id. Вместо data-id и цифр может быть что угодно, например data-popup="one"

Проще на jquery, а можно и без либ и фреймворков, это не сложно, допустим создаешь класс active для попапа который будет виден, id активного попапа, и по нажатию "далее/назад" проверяешь этот id и переключаешь попап.

Либо нужно переписать сам миксин, чтобы они принимал не 3 параметра, а 1

.scale3d(@x) {
    transform: scale3d(@x);
}

И тогда можете передавать туда строку какую нужно, либо смотрите в сторону свойства @arguments.

На строке 20 не хватает двух }}