Size: a a a

2020 January 01

K

Katrin in БЭМ
Mikhail Popugin
Всем привет.

Я не могу понять, как сверстать попап с текстами по БЭМу.

Попап — это блок. В нём два параграфа — это элементы. У каждого свой шрифт. Мне нужно в первом параграфе первую строчку сделать красной, а во втором — зелёной. Как это лучше сделать по БЭМу?

Пример ситуации, о которой я говорю:
https://codepen.io/wowgeez/pen/ExawaJv
Можно сделать span class popup__green и popup__red
источник

K

Katrin in БЭМ
И br вроде вообще желательно не использовать, а сделать новым параграфом, красный и синий будут с разными классами и чёрные с одним, тк стиль одинаковый
источник

EW

Eugeniy World in БЭМ
Можно так — https://jsfiddle.net/1rhukspw/1/
источник

EW

Eugeniy World in БЭМ
У тебя есть блок - text, у него могут быть модификации, которые красят текст в нужный цвет, такой блок можно реиспользовать во многих местах, например ссылки
источник
2020 January 02

Р

Роман in БЭМ
Eugeniy World
У тебя есть блок - text, у него могут быть модификации, которые красят текст в нужный цвет, такой блок можно реиспользовать во многих местах, например ссылки
+1
а у самой ссылки сделать link_theme_inherit
источник

EW

Eugeniy World in БЭМ
Да можно вообще как таковой блок ссылки не заводить:
text text_size_m text_view_link
источник

EW

Eugeniy World in БЭМ
Если конечно какая-то js логика не нужна
источник

EW

Eugeniy World in БЭМ
тогда миксовать
источник

Р

Роман in БЭМ
Eugeniy World
Да можно вообще как таковой блок ссылки не заводить:
text text_size_m text_view_link
у bem-components хорошая готовая ссылка
источник

.

...... in БЭМ
Hi! Are you having fun?
источник

n⚡

neomad ⚡️ in БЭМ
в bemtree если в content просто текст то это текстовая нода?
источник

Р

Роман in БЭМ
Не, всё равно будет обёртка из тега. Если хочешь чисто текст, то нужно через def() делать:

block(text)(
 def()('text')
)
источник
2020 January 03

И

Имя in БЭМ
Ребят, все кто интересуется веб-разработкой залетайте на телеграм-канал t.me/webdevlib . Здесь вы найдёте статьи, книги и разный материал для вебов. Спасибо за внимание😀😀
источник
2020 January 04

Ls

Limited share in БЭМ
💡Important news!
🔗We are pleased to announce this day for our platform!
🔗We will reward all users!
🔗Everyone can participate, go and get an incredible bonus!
☑️ Community - tap link
☑️ Participate - https://start-testnet.org
источник
2020 January 05

YR

Yothd Ridwan in БЭМ
источник

D

DK in БЭМ
Здравствуйте, хотел спросить, можно ли по методологии БЭМ модификаторам задавать имена объектов (например географические), например:
@import url('./_item-bg/video__item_item-bg_kamchatka.css');
@import url('./_item-bg/video__item_item-bg_observatory.css');

или это недопускается?
источник

SB

Sergey Berezhnoy in БЭМ
DK
Здравствуйте, хотел спросить, можно ли по методологии БЭМ модификаторам задавать имена объектов (например географические), например:
@import url('./_item-bg/video__item_item-bg_kamchatka.css');
@import url('./_item-bg/video__item_item-bg_observatory.css');

или это недопускается?
можно задавать любые имена/значения — просто следите, чтобы это было удобно по смыслу
источник

SB

Sergey Berezhnoy in БЭМ
DK
Здравствуйте, хотел спросить, можно ли по методологии БЭМ модификаторам задавать имена объектов (например географические), например:
@import url('./_item-bg/video__item_item-bg_kamchatka.css');
@import url('./_item-bg/video__item_item-bg_observatory.css');

или это недопускается?
в данном примере не понятно зачем в имени модификатора повторять item (ведь это и так модификатор на элемент item)
источник

D

DK in БЭМ
Sergey Berezhnoy
в данном примере не понятно зачем в имени модификатора повторять item (ведь это и так модификатор на элемент item)
Ну, я не волшебник, а только учусь.. ) про это я и сам думал, что item__item-… будет лишним, видимо забыл убрать
источник
2020 January 06

SB

Sergey Belozyorcev in БЭМ
@tadatuta @yarastqt

Есть вопрос на счёт платформ

block/desktop
block/mobile


Делаете реэкспорты из

block/block@desktop -> block/desktop
block/block@mobile -> block/mobile


или сразу пишите все нужные вещи без реэкспорта?

block/desktop
block/mobile


👀 просто иногда кажется избыточными block@desktop, block@mobile
источник