Как лучше поступать в такие моменты по bem?

Максим Морев, Понял, спасибо, тогда не важно какая будет архитектура по вложенности, и так можно писать?:

modules
├── some-sect
│   ├── _some-sect-card
│   │   ├── _some-sect-card-aside
│   │   │   ├── some-sect-card-aside.pug
│   │   │   └── some-sect-card-aside.scss
│   │   ├── some-sect-card.pug
│   │   └── some-sect-card.scss
│   ├── some-sect.pug
│   └── some-sect-header.scss

Как лучше поступать в такие моменты по bem?

Максим Морев, Добрый день! Возник вопрос по вашему ответу, очень хочется услышать ваше мнение))

У меня такая структура на данный момент:

modules
├── some-sect
│      ├── some-sect.pug
│      └── some-sect-header.scss
├── some-sect-card
│      ├── some-sect-card.pug
│      └── some-sect-card.scss

И хочется улучшить ее до вашего примера, чтобы было так:

modules
├── some-sect
│      ├── _some-sect-card
│      │       ├── some-sect-card.pug
│      │       └── some-sect-card.scss
│      ├── some-sect.pug
│      └── some-sect-header.scss

Но возник вопрос, что если у внутреннего блока будет свой внутренний блок? Или такого не нужно допускать?

Как рисовать такие svg в react и не только?

Спасибо за ответ!

Как лучше поступать в такие моменты по bem?

Максим Морев, Теперь все стало понятно, спасибо!

Как лучше поступать в такие моменты по bem?

`block-footer` - это не самостоятельный блок, а внутренний блок `block`, нужный только для упрощения восприятия, и он не может / не должен использоваться в отрыве от него (в этом случае у него не должно быть в названии общего префикса с `block`, чтобы не создавать путаницу)

Спасибо за ответ, я не совсем понял, можно ли так называть внутренние блоки?

Например вот выдуманный пример:

<div class="sect-some">
  <div class="sect-some__header">
    <div class="sect-some__header-avatar"></div>

    <div class="sect-some__header-menu"></div>
  </div>

  <div class="sect-some__card">
    <div class="sect-some__card-picture"></div>
    <div class="sect-some__card-body"></div>
    <div class="sect-some__card-footer"></div>
  </div>
</div>

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

<div class="sect-some">
  <div class="sect-some-header">
    <div class="sect-some-header__avatar"></div>

    <div class="sect-some-header__menu"></div>
  </div>

  <div class="sect-some-card">
    <div class="sect-some-card__picture"></div>
    <div class="sect-some-card__body"></div>
    <div class="sect-some-card__footer"></div>
  </div>
</div>

Как лучше выставлять вешнюю геометрию для блоков bem?

Виталий Першин, Спасибо!

Как лучше выставлять вешнюю геометрию для блоков bem?

Внешние отступы и позиционирование относительно родительских блоков необходимо делать при помощи модификаторов либо миксов.

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

Просто страниц много, блоков в которых находиться .title тоже много, и в каждом миксовать ему одни и те же отступы мне не хочется, можно вынести правила отступов в mixin, но каждый раз миксовать все равно придется, т.е делать copy-past.

Правда можно на body повесить класс .body и миксовать все .title уже с ним, тогда копипаста не будет в каждом блоке. А придется докидывать класс .body__title к каждому .tilte

Извините за глупые вопросы, просто для меня этот аспект не совсем понятен, хочется закрыть все дыры в понимании bem)

Почему не работает text-decoration-thickness?

Павел migelonio, Покажите скриншот из редактора

Почему не работает text-decoration-thickness?

Построчно проверьте свой код и мой, и поймите что я вставил ваш, дописав значение в text-decoration-thickness

Как записывать bem стиль react в scss и нужно ли?

Алексей Уколов, Спасибо, учту и исправил

Как правильнее записывать bem модификатор?

Спасибо за развернутый ответ! Я тоже к этому склонялся, но хотелось услышать еще мнения по этому поводу)

Почему css outline оставляет точки?

Андрей Федоров, Это происходит только в google chrome. Баг при рендере страницы движком браузера почему то. Заменил на box-shadow чутка стало лучше)) Спасибо за ответ

Почему css outline оставляет точки?

ambisinister One, Да, убрал outline и переделал на box-shadow. Стало лучше, спасибо за ответ!)

Без bem поддержка проекта сложна?

godsplane, Нет, даже рядом это не они.

с не понятными классами

- для меня все что не bem это не понятные классы))

Без bem поддержка проекта сложна?

godsplane, конечно нет, по BEM стилизация происходит только через классы

Как запретить отправлять больше n количества запросов с ip?

Rag’n’ Code Man, Спасибо большое, очень помогли!

Как запретить отправлять больше n количества запросов с ip?

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

Как запретить отправлять больше n количества запросов с ip?

Ну и вместо ручного проставления CORS заголовков также есть одноимённый npm модуль.

Пробовал использовать, работал до того момента как я не начал посылать запрос к node.js с header из front. Думаю все таки нужно разобраться с ним, спасибо))

Спасибо за ссылку, изучу библиотеку, просто не знал что и как искать, node.js только начал постигать))

Без bem поддержка проекта сложна?

Антон Литвиненко, На тегах)) Трудный рабочий день был

Можно ли так писать в bem?

Нет, контейнер только для ограничений по ширине.

Но иногда контейнер должен иметь display: flex. Я в таком случае делаю микс. Блок container отвечает за ширину, а элемент header__containe отвечает за display: flex

.container {
  width: 100%;
  max-width: 1208px;
}

.header {
  &__container {
    display: flex;
  }
}

<div class="header">
  <div class="header__container container">
    <div class="header__logo"></div>
    <nav class="header__nav"></nav>
  </div>
</div>