в смысле для элемента? ты для элемента имел ввиду?
как класс бы полностью у тебя выглядил?

app__header--gap-big

ну так скинь ссылку на рабочий вариант поглядим)

а почему
.app__header--gap--big
а не там
.app__header--page--about?
или это не правильно?


а если бы не было .app, .root
ты бы как сделал, оьернул во что-то абстрактное, типа
body
 .page
   .header.page__header

??

Привет, когда изменяю форму блока через transform, меняется также и текст. Есть какой-нибудь способ изменить блок без изменения текста внутри?

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

Всем добрый вечер. Я столкнулся с проблемой и подумал может кто тут может подсказать. Дописываю сайт, с использованием БЭМ + saas(scss) и соблюдая вложенность видимо перестарался и наступил на грабли

Обьясню:  у нас в sass есть вложенность и я ее соблюдал по полной что даже медиа-запросы я не писал как раньше на css - прописал брейкпоинт и указал все что нужно внутри, а тут я для каждого вложенного класса создавал внутри него медиа запросы так что у меня на один файл их стало штук 20, а файлов 7. И у меня (видимо очевидно) начал люто лагать сайт при ресайзе. Проблема в этом? . Вопрос: в scss нормально если медиазапросы не вкладываются в соответствующие селекторы? Или достаточно соблюсти один уровень вложенности для предка?

https://codepen.io/7iomka/pen/XWNEXjp?editors=1100
без процентов цвета не те
убрать проценты и я б мог)

вложенность максимум скажется на наличие большего кол-ва кода (и то если оптимизацию не делать)
лагает у вас из-за другого
в css может вызывать лаги - фильтры например
в остальном может виноватым быть js)

js не так много, но разве большое кол во медиазапросов не грузят сайт?

правда еще 3 свайпера накинуто может в этом дело

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

тебе просто нужно отзеркалить их, тоесть подели проценты на 2 и сделай как нада

да ну использовал переменные и допустим есть родитель и у него три потомка и для каждого я прописал медиазапросы - соблюдая полную вложенность свойств

не ну так по сути своей этот отсуп может встречаться только на этой странице, это не какой-то оступ побольше или по меньше это именно специфический отступ для этой страницы
или все равно нет?

покажи пример)
в этом и есть вопрос)
я хочу увидеть как ты это сделаешь и какие величины процентов пропишешь

с этого и надо было начинать)
у свейпера обработчики на ресайз так как есть возможность задания брейкпоинтов
у меня стили по полтора мегабайта были бандлы
и ничего)
а вот синхронизированные 2 инстанса свайпера давали такие лаги что мама мия)

понял спасибо, тогда попробую свайпер грамотно прописать чтоб только один на всю страницу применить