Как подружить БЭМ, БЭМ модификаторы, SCSS и каскадность?

с каскадностью (с вложенными элементами)

Каскад это не вложенность.

О каких именно изменениях идет речь?

MisterVerstalschyk, по частям и медленно:
1. Я показала вам скрин первого попавшегося коммита
2. Предложила пролистать от изменений чуть выше, чтобы увидеть заголовок.
3. Именно там его и взяла. Чуть выше самих изменений. Номер посмотрела в самой спеке путем ctrl+F по странице.

О каких именно изменениях идет речь?

MisterVerstalschyk,

Но что изменяется?

В смысле что меняется?
Вы же видите что написано слева и справа?

Как узнать, какая именно страница документации на самом сайте меняется?

Проявить смекалку.
Например, пролистать чуть выше и увидеть заголовок.
В данном случае будет 15.5.5 The input element as a text entry widget

О каких именно изменениях идет речь?

MisterVerstalschyk так откройте любой коммит и посмотрите, что было и что стало.

Например

Как сделать градиентом иконки?

Lolka21, да я вроде написала, что нужно сделать.

вот пример кода

Ну круто, теперь нужно закрасить белым те куски, через которые не должен просвечивать градиент.
Начните с простого, задайте белый фон тексту.
Остальному через border/outline/тень

Как заставить слайды равняться по высоте с самым большим слайдом в Slick Slider?

Александр Васильев, Александр, пятница на дворе, вы слишком серьезны

Как заставить слайды равняться по высоте с самым большим слайдом в Slick Slider?

Александр Васильев, да вы шутите

Как мне обратится к первому классу через второй класс который ниже первого?

Без макета и разметки сложно. А в выложенной простыне много лишнего.

Напрямую так, как вы хотите, работать не будет.

Вы можете, например, сотворить псевдоэлемент для .active (или для кого-то после или внутри active) и попробовать спозиционировать его туда где нужна рамка.

Как сделать градиентом иконки?

Lolka21, ну и пусть себе растягивается. Пока не вижу проблем.

Как сделать, чтобы работал svg-спрайт?

С такими данными вам сюда https://github.com/svg-sprite/gulp-svg-sprite/issues/48

Как сделать градиентом иконки?

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

Есть ли смысл покупать Fork?

На вашем этапе подойдет, наверное, любой понравившийся по цвету или встроенный в ваш редактор.
После того, как разберетесь с возможностями самого гита, сможете оценить нужность лично для вас той или иной программы.
Ведь там есть бесплатный тестовый период.

По БЭМ'у классы должны быть вложенными?

БЭМ как раз, наоборот, нужен для того, чтобы избежать вложенности.
Она используется, но в небольшом количестве при переопределениях.

Можно в стилях создавать анимацию @keyframes только для определенных классов?

Stepan1998, какая-то очень малоубедительна причина.

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

Как вписать изображения большего размера, что бы разметка не ломалась?

Ivan Bogachev, а ну логично, мы же в окно всю сетку хотим вписать.
Тогда действительно не лишнее :)

Псевдокласс hover?

Павел migelonio, люблю, когда вопрос нафик не нужен самому спрашивающему )))

Как расположить контент поверх слайдера?

v_byzoff,

Я не знаком с гридами и не совсем понял что нужно делать

Статей полно и они легко гуглятся.
Пройдите простенькую игру по гридам https://cssgridgarden.com/#ru

Альтернатива чуть хуже: разместите текст абсолютом.

Ну либо на фриланс.

Можно в стилях создавать анимацию @keyframes только для определенных классов?

Stepan1998, и по какой причине вы не можете дать им разные имена?

Как сверстать такой блок?

1-2-3-4-5 - всё вместе это список <ol>
У него убираются стандартные цифры и добавляются стилизованные с помощью псевдоэлементов и свойств counter-reset и counter-increment.

Позиционируются абсолютами без доп.оберток.
С доп.обертками флексами или гридами. Доп.обертка - просто span вокруг текста.
Если на 100% быть уверенным, что в строке названия не будет <br> или других тегов, то можно обойтись без доп.оберток.

Если не получится - выкладывайте код на jsfiddle.net