Size: a a a

2020 November 15

EG

Eugene Gromov in БЭМ
Как насчет использования такой сетки для верстки?

.row {
   max-width: $grid-width;
   margin: 0 auto;

   &:not(:last-child) {
       margin-bottom: $gutter-vertical;
   }
   .col-1-of-2 {
       width: calc((100% - #{$gutter-horizontal}) / 2);
       
   }
   .col-1-of-3 {
       width: calc((100% - 2 * #{$gutter-horizontal}) / 3);
   } ..... итд
источник

om

obuch metod in БЭМ
Eugene Gromov
Как насчет использования такой сетки для верстки?

.row {
   max-width: $grid-width;
   margin: 0 auto;

   &:not(:last-child) {
       margin-bottom: $gutter-vertical;
   }
   .col-1-of-2 {
       width: calc((100% - #{$gutter-horizontal}) / 2);
       
   }
   .col-1-of-3 {
       width: calc((100% - 2 * #{$gutter-horizontal}) / 3);
   } ..... итд
Где это?
источник

EG

Eugene Gromov in БЭМ
obuch metod
Где это?
Ну вообще в проекте
источник

А

Алексей in БЭМ
Eugene Gromov
Ну вообще в проекте
Привет, а чем твоя сетка лучше других ?
источник

EG

Eugene Gromov in БЭМ
Да я честно других и не знаю 🤷‍♂️. Чувак в курсе использует такую с Бэм, я задумался, а какая сетка используется в проектах на бэм... подключают бутстраповскую?
источник

А

Алексей in БЭМ
Eugene Gromov
Да я честно других и не знаю 🤷‍♂️. Чувак в курсе использует такую с Бэм, я задумался, а какая сетка используется в проектах на бэм... подключают бутстраповскую?
Я на некоторых проектах до сих пор замечаю sharps. https://github.com/awinogradov/sharps
источник

А

Алексей in БЭМ
Конечно можно иметь свою. Но если кто то уже что то делал почему бы не взять :)
источник
2020 November 18

BB

Bazhenov1e Bazhenov1... in БЭМ
Всем привет! Подскажите пожалуйста если у блока есть несколько элементов, они больше не будут использоваться нигде кроме как в этом блоке. Как описать их стили паддинги, фон и т. д. нужно создавать модификатор элемента и там все писать?
источник

BB

Bazhenov1e Bazhenov1... in БЭМ
Bazhenov1e:
есть элемент блока, он больше не где использоваться не будет кроме как в этом месте. как мне описать его внутреннее позиционирование? Сделать его блоком и там описать стили внутренние или сделать модификатор блока и там описать все это?

может я не так выражаюсь, буду у компа скину пример кода.
источник

VH

Vitaly Harisov in БЭМ
Bazhenov1e Bazhenov1e
Bazhenov1e:
есть элемент блока, он больше не где использоваться не будет кроме как в этом месте. как мне описать его внутреннее позиционирование? Сделать его блоком и там описать стили внутренние или сделать модификатор блока и там описать все это?

может я не так выражаюсь, буду у компа скину пример кода.
Да, с примером будет понятнее, что именно вы хотите спросить
источник

BB

Bazhenov1e Bazhenov1... in БЭМ
<!--Баннер-->
   <div class="banner">
           <div class="banner__image-wrapper">
               <img class="banner__image" src="img/text-index.svg" alt="Седона" width="282" height="214">
           </div>
           <div class="banner__description-wrapper">
               <h1 class="banner__title">Седона — небольшой городок в Аризоне, заслуживающий большего!</h1>
               <p class="banner__text">Рассмотрим 5 причин, по которым седона круче чем гранд каньон!</p>
           </div>
   </div>
источник

BB

Bazhenov1e Bazhenov1... in БЭМ
элементам можно писать только внешнее позиционирование?
источник

BB

Bazhenov1e Bazhenov1... in БЭМ
Чтобы написать другие стили, внутри. Нужно делать микс с блоком или делать модификатор элемента?
источник

VH

Vitaly Harisov in БЭМ
Bazhenov1e Bazhenov1e
элементам можно писать только внешнее позиционирование?
Элементам можно писать любое позиционирование, блокам нельзя

https://ru.bem.info/methodology/quick-start/#блок
источник

VH

Vitaly Harisov in БЭМ
Блок не должен влиять на свое окружение, т. е. блоку не следует задавать внешнюю геометрию (в виде отступов, границ, влияющих на размеры) и позиционирование.
источник

BB

Bazhenov1e Bazhenov1... in БЭМ
То есть, если компонент выступает только как элемент - ему можно написать все те же с
источник

BB

Bazhenov1e Bazhenov1... in БЭМ
стили что и блоку.
источник

DT

Dmitry T in БЭМ
Вот интересно кстати если на странице "К" - контент идет так:
К К
К К К К
К К К
К
К К К К К К

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

yW

yarastqt World in БЭМ
Dmitry T
Вот интересно кстати если на странице "К" - контент идет так:
К К
К К К К
К К К
К
К К К К К К

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

DT

Dmitry T in БЭМ
там могут быть и картинки в этом К
и какие-нить цитаты, да все что угодно
источник