Size: a a a

2019 January 16

MK

Mikhail Koloskov in БЭМ
Но предупредили, что версия отстаёт. Там 6.4.0
источник

I

Il'yar in БЭМ
Mikhail Koloskov
Ребята из Альфы сказали, что сделали форк от Styleguidist и допилили его под себя https://github.com/alfa-laboratory/arui-demo
👍
источник
2019 January 17

Н

Николай in БЭМ
Ребят привет, как правильно реализовывать одинаковые блоки, к примеру есть 2 версии слайдера, как быть с классами .slider1 . slider2&
источник

Н

Николай in БЭМ
?
источник

ZT

Zhenya Telegin in БЭМ
Николай
Ребят привет, как правильно реализовывать одинаковые блоки, к примеру есть 2 версии слайдера, как быть с классами .slider1 . slider2&
А чем они отличаются?
источник

ZT

Zhenya Telegin in БЭМ
Можно сделать блок slider, через модификаторы модифицировать :)
источник

Н

Николай in БЭМ
в одном есть текст и кнопка а в другом только картинки
источник

А

Алексей in БЭМ
Сделай основной блок с главным функционалом и модификатор
источник

Р

Роман in БЭМ
.slider.slider_view_action
.slider.slider_view_gallery
источник

ZT

Zhenya Telegin in БЭМ
Думаю, стоит сделать так:
Есть один, главный блок — slider, внутри него элементы различные
источник

А

Алексей in БЭМ
или вообще абстрагируй слайдер пусть только крутит что нужно а внутрь кидай другие блоки какие хочешь
источник

АО

Александр Олейников in БЭМ
Есть блок Heading и модификаторы Heading_size_s, Heading_size_m. Хочу для ширины экрана от 320px до 360px использовать размер s, а для ширины больше 360px использовать m. Из вариантов я вижу: 1) иметь на странице две копии блока с разными модификаторами, и при помощи @media запроса задавать одному из них display: none; 2) использовать блок только с одним из модификаторов, вместо второго переопределять стили миксом; 3) использовать блок без модификаторов вовсе, и размер задавать миксами на этой странице. Все варианты по-своему плохи. Есть ли какие-то ещё, может быть с использованием какого-нибудь PostCSS?
источник

АО

Александр Олейников in БЭМ
Идеальным мне видится вариант навроде такого: .Page-Heading { @extend .Heading_size_s; } @media screen and (min-width: 360px) { .Page-Heading { @extend .Heading_size_m; } }. Так и блок в разметке нужен один, и модификаторы переиспользуются, а не дублируются. Если стили модификаторов завтра изменятся, этот код менять не придётся. Но проблема возникает при сборке webpack'ом с postcss-loader'ом, я вынужден импортировать то, что используется в экстендах, иначе на их месте пусто. То есть, файл будет начинаться с @import '../../Heading/_size/Heading_size_s.css'; и так же для size_m. И в итоговом бандле выходит так, что то, что я импортирую -- дублируется. То есть, стили для Heading_size_s и Heading_size_m будут встречаться по два раза, в оригинальных файлах, и в файле Page-Heading.css, куда я их импортирую.
источник
2019 January 18

OD

Oleg Denisov in БЭМ
источник

OD

Oleg Denisov in БЭМ
404
источник

OD

Oleg Denisov in БЭМ
в сборку как добавляется своя папка со стилями?
источник
2019 January 22

А

Алексей in БЭМ
Приветствую участников ) есть у кого нить супер конфиг для vim прям удобный?
источник

VG

Vladimir Grinenko in БЭМ
источник

VG

Vladimir Grinenko in БЭМ
Oleg Denisov
в сборку как добавляется своя папка со стилями?
Нужна более подробная формулировка вопроса.
Речь про свой уровень переопределения, свой блок или просто какую-то абстрактную папку с непонятными стилями?
источник

И

Ильдар in БЭМ
Приветствую всех, видео туториал ещё по react core не запилили?
источник