Виталий Першин

Можно использовать -webkit-mask:

Нужно после переключения таба надо делать сброс $(".slider-nav").slick('setPosition');

Вы можете использовать counter-increment

Уберите height: 100%; у html или body, а лучше вообще не используйте.

к header добавьте flex-shrink: 0;

max-height: 200px;
overflow-y: auto;

$(".slider").slick('setPosition');
и
$('.slider').slick('reinit');
еще можно удалить $('.slider').slick('unslick') и создать заново. Но лучше всего setPosition

Очень странный вопрос, есть смысл если заказчик за это платит иначе в чем смысл? Если у ваших заказчиков будет серьезный проект, он потребует не только места на хостинге, но и защиты от ддос и дополнительных ресурсов, которые не мало стоят, вы готовы за это платить из своего кармана?

Потому что окно изначально скрыто и слик рассчитал размеры равные 0, чтобы он нормально отображался в модалке, нужно после вызова модалки обновить позицию слайдера: $(".slider").slick('setPosition');

Можно получить значение текущего слайда и предыдущего, а так же определить направление. Такой информации должно быть достаточно, чтобы выполнить действие:

В общем я задал вопрос тех. поддержке яндекса:

Здравствуйте. Виджет переводчика, ведет на документацию в которой вообще о виджете не слова. В частности, как для виджета выбрать для перевода не весь список из 80 языков, а например 5, которые необходимы. И как используя виджет запретить переводить определенные слова в html разметке. Например гугл виджет для этого использует класс notranslate и все что в нем не будет переведено.

И получил ответ:

Здравствуйте, Виталий!

Такой возможности в нашем виджете сейчас нет.
Спасибо за желание сделать Яндекс.Переводчик удобнее! Я передал ваше предложение команде разработки.

Пришлось выкручиваться самому, я создал разметку со списком языков и через js сделал выбор тех языков, которые мне нужны имитируя клики по спрятаному виджету. Как появиться время распишу где-нибудь более подробно.

UP. Написал скрипт https://github.com/get-web/yandex-translate-custom...

Потому что медиа стили надо заключить в фигурные скобки:

@media (min-width: 480px) and (orientation: portrait) {
    html {
        font-size: 15px;
    }
}

После всех изменений:
swiper.update();
https://jsfiddle.net/l2banners/3oavyp4c/

Можно переопределить margin через css:

Обнулите padding у .developer-dots li button

.developer-dots li button {
	font-size: 0;
	line-height: 0;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: transparent;
	border: 3px solid #c4c4c4;
  padding: 0;
}

Например взять псевдоэлемет before/after дать ему абсолютное позиционирование и позиции top: 0; bottom: 0 left: -20%, right: - 20%
таким образом он будет шире родителя и вместит необходимый ему градиент как вам надо...

Используйте customPaging, есть похожий пример:

В целом вы правильно мыслите, но пришли немного к неправильному выводу.

- Миксы лучше использовать для позиционирования блока либо модификации блока в контексте другого блока. Например у нас есть contacts и помещая его в header, даже если ничего не менять, желательно сразу задать ему header__contacts потом может пригодиться.

- Если необходимо менять элементы блока внутри контекста другого блока, блока то можно миксовать элементы. Например: contacts__img header__contacts-img немного тавтология, но в небольших порциях уместно

- Но если модификации могут быть неоднократными, то нужно модифицировать сами элементы: contacts__img contacts__img_type_1, тут уже нужно смотреть на контекст проблемы, например если у вас иконка и она где-то слева и где-то справа, то можно задать ей правила с отступами слева и с права в независимости от того какой тип блока: contacts__ico_margin-right_small или contacts__ico_margin-left_large. Это модификатор КЛЮЧ-ЗНАЧЕНИЕ где в ключе мы указываем что у нас существует отступ _margin-left и такой отступ может быть только один, а значение, это размер отступа _large

Придерживаясь правил выше можно полностью решить практически любую задачу, но и такое иногда приходиться применять .card_type_1 .card__img, но обычно это хотелки заказчика/бекендщика, мол хочу чтобы я добавил класс и все изменилось, тут как бы выбора не остается.