В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

БЭМ

859 membersпожаловаться на группу
2020 August 19

К

Костя Сафонов... in БЭМ
yarastqt World
Иначе компоненты начинают зависеть от контекста где они будут использоваться
Ну так этот самый контекст ведь не подразумевает, что я возьму какой-то блок из проекта А и перенесу его на проект Б, а если такой сценарий и возможен, то частота его использования крайне мала.

А каждый раз обнулять стили это гемор.
источник
17:37пожаловаться#1

EG

Eugene Gromov in БЭМ
аналогично и использование каскада вида * {padding: 0; margin: 0}. То есть подобные действия нужно прописывать в каждом компоненте, правильно?
источник
17:38пожаловаться#2

VH

Vitaly Harisov in БЭМ
Eugene Gromov
аналогично и использование каскада вида * {padding: 0; margin: 0}. То есть подобные действия нужно прописывать в каждом компоненте, правильно?
Зачем их прописывать? Есть margin/padding (например, используете ul/li) — сбрасываете. Нет — не сбрасываете
источник
17:40пожаловаться#3

EG

Eugene Gromov in БЭМ
У разных браузеров разные отступы по дефолту, поэтому я так думал
источник
17:41пожаловаться#4

Р

Роман in БЭМ
Eugene Gromov
У разных браузеров разные отступы по дефолту, поэтому я так думал
У дизайнеров — тоже. Ты всё равно пропишешь свои отступы, размеры и цвета каждому элементу даже после «сброса».
источник
17:43пожаловаться#5

EG

Eugene Gromov in БЭМ
То есть использовать обнуление и нормализацию не нужно. Нужно каждый элемент прописывать по бест практис, так?
источник
17:44пожаловаться#6

Р

Роман in БЭМ
Eugene Gromov
То есть использовать обнуление и нормализацию не нужно. Нужно каждый элемент прописывать по бест практис, так?
Да. Компонентный подход подразумевает, что компонент (блок) несёт в себе всю информацию о себе с минимальным количеством зависимостей (в виде normalize/reset.css)
источник
17:47пожаловаться#7

EG

Eugene Gromov in БЭМ
Спасибо. В этом я и хотел убедиться
источник
17:48пожаловаться#8

EG

Eugene Gromov in БЭМ
Прошу совета как правильно разметить раздел авторизации в Хэдере. Будет ли такая реализация правильной?
источник
20:19пожаловаться#9

EG

Eugene Gromov in БЭМ
<div class="navbar__auth-box">
 <a href="#" class="auth link">
   Login
 </a>
 <a href="#" class="auth link">
   Register
 </a>
</div>
источник
20:20пожаловаться#10

MM

Mihail Mihail in БЭМ
такое себе
источник
20:21пожаловаться#11

MM

Mihail Mihail in БЭМ
.navbar__auth-box.auth > .link.auth__link * 2
я бы так разметил
источник
20:22пожаловаться#12

EG

Eugene Gromov in БЭМ
спасибо
источник
20:24пожаловаться#13

MM

Mihail Mihail in БЭМ
но на самом деле набор блоков все сильно зависит от проекта, его структуры, сложности. теоретически возможно как супермикроскопическое деление на блоки, так и просто разметка, где всего один блок.
источник
20:25пожаловаться#14

EG

Eugene Gromov in БЭМ
Mihail Mihail
но на самом деле набор блоков все сильно зависит от проекта, его структуры, сложности. теоретически возможно как супермикроскопическое деление на блоки, так и просто разметка, где всего один блок.
Михаил, можете объяснить применение миксов конкретно на этом примере?
источник
21:42пожаловаться#15

MM

Mihail Mihail in БЭМ
в этом примере на микс можно навесить внешнюю геометрию: флоат, позиционирование, маргины. возможно каскад в случае переопределения стилей блока.
источник
21:43пожаловаться#16

EG

Eugene Gromov in БЭМ
Я задал стили для auth, а для auth-box нет. Просто не знаю как их разделить. .auth {
 display: flex;
 align-items: center;
 justify-content: center;

 &-link {
   padding: 12px 30px;
   background: $color-primary;
   color: $color-secondary;
   border: 0;
   border-radius: 5px;
   outline: none;
   cursor: pointer;
   margin-left: 10px;
 }
}
источник
21:43пожаловаться#17

MM

Mihail Mihail in БЭМ
тут линк — это элемент, поэтому тут вместо дефиса надо два андерскора. В коде все стили не касаются внутренней геометрии, в nav-bar__auth-box из этого кода выносить ничего не нужно
источник
21:46пожаловаться#18

MM

Mihail Mihail in БЭМ
если никакой внешней геометрии нет, можно вообще убрать миксовый класс, но я обычно всегда его использую, т.к. 1) код будет дополняться со временем и это пригодится 2) БЭМ это еще и документирование иерархии, и даже пустые классы полезны для понимания структуры верстки
источник
21:49пожаловаться#19

EG

Eugene Gromov in БЭМ
"в nav-bar__auth-box из этого кода выносить ничего не нужно" не понял, что Вы имеете ввиду. nav-bar__auth-box у меня не содержит стилей, это правильно?
источник
21:50пожаловаться#20