iBird Rose

Можно например внутри элемента с сердечком создать прозрачный абсолютно спозиционированный оверлей; при попадании на него курсора мыши 1) включать анимацию сердечка и 2) устанавливать скорость анимации и цвет сердечка в зависимости от расстояния до центра оверлея

Апдейт: СДЕЛАЛ ЧЁРТОВ ПРИМЕР! Полтора дня делал. Вот: https://jsfiddle.net/lucifer63/41y3qdu9/
Это эталонный пример говнокода, но я чо-то не смог проще сделать

Никак.

.goods__col {
cursor: pointer;
position: relative;
margin: 0 4px;
margin-top: 10px;
padding-top: 3%;
margin-bottom: 20px;
outline: none;
outline: 1px solid red;
}

https://jsfiddle.net/cvtba47o/

Гуглится по запросу "анимации slick slider", либо "slick slider animations":
https://codepen.io/artursopelnik/pen/mPvLvj
https://codepen.io/norman_pixelkings/pen/KrLKgR
https://codepen.io/FXDuke/pen/grQbXw

Вот связка slick.js + animate.css
https://codepen.io/joxxce/pen/WjGLyr

нет.
и пора понять, что за языки не платят.

Где...

Здесь.

...или как

Изучить js, хоть немного - тогда переписать самостоятельно труда не составит.

Это невозможно.

Scss файлы компилируются до выполнения в браузере. А значение css-переменной присваивается именно во время выполнения.

Попробуйте наоборот:

$font-size: 16px;

@function rem($px) {
  @return ($px / $font-size) + rem;
}

:root {
  --font-size: #{$font-size};
}

В процессе выяснения деталей в комментариях к вопросу было найдено решение.

В данном случае синхронизация выполнялась без использования опции `--times`, которая сохраняет время модификации файла при синхронизации. При этом не была использована опция `--size-only`, благодаря которой файлы с одинаковыми размерами считаются одинаковыми вне зависимости от времени изменения.
И получается, что даты изменения у всех уже синхронизированных файлов отличаются, и rsync при повторном запуске считает эти файлы потенциально разными и считает их контрольные суммы, чтобы сравнить их по содержимому. На это и уходило время.

Добавление опции `--size-only` существенно сократило время анализа файлов перед началом передачи.
Хотя, на мой взгляд лучше вместо этого по умолчанию всегда использовать `--times` (в том числе в составе `-a`), если возможно.

Кроме того, была использована опция `-v`, которая выводит информацию о синхронизируемых файлах, что тоже могло замедлять процесс, хотя, скорее всего ,не значительно.

Вам нужна функция VLOOKUP.
Под ваши данные формула такая:
=VLOOKUP(A2;C:D;2;0)

Учитывая тот факт, что фон уходит влево, а значит не создаст горизонтальной полосы прокрутки, можно сделать довольно просто:

.heading {
  position: relative;
  …
  &::before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100vw; /* или 99999px; */
    background: rgba(blue, 0.5);
    z-index: -1;
    transform: skewX(30deg);
  }
}

redux + redux-saga