Тему собрал?

Нет, просто копипсатой примера из storybook. Nextjs ругается на то что не может импортировать стили из node_modules

Это в целом проблема nextjs, так как там все из node modules нужно подключать в app.js. но это как-то тупо, получается стили от всего проекта будут приезжать сразу. А что бы было всё хорошо нужно складывать в папку components и переименовывать css файлы в module.css и не понятно будут ли модификаторы там работать из под подпапок

Да, ишью уже год теребонькают: https://github.com/alDuncanson/react-address-autocomplete/issues/9

Знаю, все излазил. Просто хочется в бэм и серверный рендеринга без заморочек. И кандидатом был nextjs, но вот этот затык со стилями это труба

Вот тут объяснение: https://github.com/vercel/next.js/blob/master/errors/css-npm.md

Типа «юзай скомпиленный бандл с CSS и не выделывайся» (видимо, подключя его сразу в <link rel=stylesheet>

Ну а если как выход клонировать kit в components и в ручную переименовать все стили и их импорты?

Не знаю, не пробовал.

💛💛💛

27 февраля в третий раз признаемся фронтенду в любви. Да, мы открываем регистрацию на Я люблю Фронтенд 2021!

В этом году конференция пройдёт онлайн и в два трека. В основном треке — тренды разработки интерфейсов. В треке воркшопов — персонажная анимация на CSS, Dependency Injection и собственный голосовой ассистент на Node.js. А за неделю до конференции запустим фронтендерский Capture The Flag — следите за анонсами.

Прекрасная программа и регистрация

Подскажите правильно ли описывать стили одного блока в модификаторе другого?

Можешь привести конкретный пример? Как конкретно блоки вложены/примиксованы в dom?

@IkorJefocur блоки влодены
на основном блоке стоит условие ngIf (Angular)
оно добавляет модификатов
а в scss уже в модификаторе описываться стили для главного блока и для вложенных блоков

Желательно, чтобы блок модифицировал только свои элементы. Это достигается миксами на элементы другого блока

Понятно, что это идеал и не всегда это возможно

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

@vithar Понятно, спасибо, просто рылся в коде месячной давности коллеги по проекту
и он там наделал такую штуку
мне не понравилось решил переспросить правильно ли так вообще делать

Тут здравый смысл должен быть. Понятно, что так быстрее, но модифицировать такой код дальше сложнее

Можно примиксовать к вложенному блоку элемент родительского, и на этом элементе менять внешнюю геометрию при модификации родителя. Если нужно кардинально поменять вложенный блок внутри, то лучше создать для него отдельный модификатор.
Если же нужно подкорректировать пару значений, можно создавать css-переменные на элементе, и использовать их на примиксованом блоке. Но это не точно, в методологии использование css-переменных вроде вообще никак не описывается.

это да(