Size: a a a

2021 February 26

M

Michael in БЭМ
Спасибо
источник

M

Michael in БЭМ
Cannot find module '@yandex/ui/Image/desktop' or its corresponding type declarations
источник

Р

Роман in БЭМ
Michael
Cannot find module '@yandex/ui/Image/desktop' or its corresponding type declarations
источник

VH

Vitaly Harisov in БЭМ
Madiyar Aydarkulov
Спасибо. Получается, это лишь вопрос личного предпочтения.
Да
источник
2021 February 27

a

amrl in БЭМ
а что вот если у меня есть несколько страниц, например home, about и contacts
по бэму я их пометил отдельно, то есть у меня такая структура
body
 .app
   .home (или .about или . contacts)
      ...


но что если у меня есть, например, шапка, которою я хотел бы переиспользовать, поэтому я ее сделал отдельным блоком
body
 .app
   .home (или .about или . contacts)
     .header
       ...
     ...


но у это хэдера есть внешний оступ: margin-bottom: 10px

так как блок я хочу переиспользовтаь ,то внешние отступы для него я не указываю, а делаю так
body
 .app
   .home (или .about или . contacts)
     .header.home__header
       ...
     ...

.home__header
 margin-bottom: 10px


но, вопрос в том, так как у меня есть 3 страницы и на каждой из них margin-bottom равен 10px, то что на каждой из них мне делать header элементом страницы, те .home__header, .about__header, .contacts__header и для каждого в стилях прописывать этот отступ, но это же не правильно, ведь что если я захочу изменить этот отступ, придется менять его везде да и по сути это дублирование кода, а что если у меня 100 страниц....
как правильно по бэму поступить в этом случае?
источник

a

amrl in БЭМ
пока у меня только одна идея, сделать так
body
 .app
   .page.home (или .about или . contacts)
     .header.page__header
       ...
     ...

.page__header
 margin-bottom: 10px
источник

a

amrl in БЭМ
то есть примиксовать блок page, что в принципе логично тк каждая эта старинца является абсоакьно страницей
источник

a

amrl in БЭМ
хотя у меня всегда header на всех страницах будет иметь нижеий отступ, может сделать как модификатор какой-то или чо?
источник

VH

Vitaly Harisov in БЭМ
amrl
а что вот если у меня есть несколько страниц, например home, about и contacts
по бэму я их пометил отдельно, то есть у меня такая структура
body
 .app
   .home (или .about или . contacts)
      ...


но что если у меня есть, например, шапка, которою я хотел бы переиспользовать, поэтому я ее сделал отдельным блоком
body
 .app
   .home (или .about или . contacts)
     .header
       ...
     ...


но у это хэдера есть внешний оступ: margin-bottom: 10px

так как блок я хочу переиспользовтаь ,то внешние отступы для него я не указываю, а делаю так
body
 .app
   .home (или .about или . contacts)
     .header.home__header
       ...
     ...

.home__header
 margin-bottom: 10px


но, вопрос в том, так как у меня есть 3 страницы и на каждой из них margin-bottom равен 10px, то что на каждой из них мне делать header элементом страницы, те .home__header, .about__header, .contacts__header и для каждого в стилях прописывать этот отступ, но это же не правильно, ведь что если я захочу изменить этот отступ, придется менять его везде да и по сути это дублирование кода, а что если у меня 100 страниц....
как правильно по бэму поступить в этом случае?
А зачем блоки home, about, contacts ?
источник

VH

Vitaly Harisov in БЭМ
Я бы делал page и page_type_about
источник

VH

Vitaly Harisov in БЭМ
если надо что-то именно на странице about переопределить
источник

a

amrl in БЭМ
ну хорошо а если у меня вот есть заголовок страници и он
на одной странице один, а на другой другой ,типа
.title
 font-size: 50px
 color: green

.на главной__title
 color: red

.на about__title
  color: blue
источник

a

amrl in БЭМ
и его цает щависит от страницы на котоой он находится
источник

VH

Vitaly Harisov in БЭМ
.page_type_about .title или .title_page_about
источник

a

amrl in БЭМ
а какие ещё идеи есть?
источник

a

amrl in БЭМ
Vitaly Harisov
.page_type_about .title или .title_page_about
а это нормально позиционировать блоки относительно других с помощью модификаторов?
источник

VH

Vitaly Harisov in БЭМ
amrl
а это нормально позиционировать блоки относительно других с помощью модификаторов?
Выше вы писали про цвет и шрифт
источник

a

amrl in БЭМ
amrl
а что вот если у меня есть несколько страниц, например home, about и contacts
по бэму я их пометил отдельно, то есть у меня такая структура
body
 .app
   .home (или .about или . contacts)
      ...


но что если у меня есть, например, шапка, которою я хотел бы переиспользовать, поэтому я ее сделал отдельным блоком
body
 .app
   .home (или .about или . contacts)
     .header
       ...
     ...


но у это хэдера есть внешний оступ: margin-bottom: 10px

так как блок я хочу переиспользовтаь ,то внешние отступы для него я не указываю, а делаю так
body
 .app
   .home (или .about или . contacts)
     .header.home__header
       ...
     ...

.home__header
 margin-bottom: 10px


но, вопрос в том, так как у меня есть 3 страницы и на каждой из них margin-bottom равен 10px, то что на каждой из них мне делать header элементом страницы, те .home__header, .about__header, .contacts__header и для каждого в стилях прописывать этот отступ, но это же не правильно, ведь что если я захочу изменить этот отступ, придется менять его везде да и по сути это дублирование кода, а что если у меня 100 страниц....
как правильно по бэму поступить в этом случае?
а если это?
источник

a

amrl in БЭМ
те позиционирование header, относительно других элементов
а идеале же для этого нужно использовать микс и сделать блок как элемент другого блока, но какого и как лучше
типа там
.header
 общие стили

.???__header
 margin-bottom: 10px
источник

a

amrl in БЭМ
это же вроде обычна ситуация полностью
у меня есть шапка и у нее должен быть нижний отступ на всех страницах, а шапке как блоку я его задать не могу
источник