Вопросы по теме 'bem'
OOCSS & BEM - встроенный список - Как справиться с скаффолдингом, как добавить скин?
Я только разбираюсь в методологии OOCSS. Поскольку я думаю, что это упрощает понимание, я также пытаюсь использовать соглашение об именах БЭМ.
Используя этот принцип, я пытаюсь создать навигацию для домашней страницы — просто встроенный список....
974 просмотров
schedule
10.08.2022
БЭМ и активные классы / Разделение HTML и JS
Я начал использовать методологию БЭМ, чтобы отделить свой HTML и CSS... и в большинстве случаев это работает очень хорошо. Даже если это только ваше личное мнение, я все равно хотел бы знать, как другие справляются с этим:
Предположим, нам нужно...
4181 просмотров
schedule
09.01.2023
Почему селектор css - «начинается с» не разрешает двойное тире в конце?
При написании CSS я использую методологию BEM, и я нашел использование селектора CSS «начинается с» — [class^="classname"] очень полезным. Это особенно верно при объявлении стилей для модификаторов, например .block__element--modifier .
Поэтому...
1442 просмотров
schedule
03.01.2023
именование подблоков БЭМ
Я использую БЭМ-подход для написания html + css. С этим синтаксисом:
Blocks: block_name
Elements: block_name__element_name
Модификаторы: имя_блока__имя_элемента -- модификатор
Я путаюсь, когда у меня есть блок внутри другого...
11976 просмотров
schedule
07.09.2023
Модуль против экземпляра модуля в BEM, SMACSS и OOCSS
Большинство методологий CSS имеют концепцию повторно используемых модулей — БЭМ называет их блоками, тогда как SMACSS и OOCSS называют их модулями. Все они рекомендуют создавать модули с классом, например.
.room {}
Теперь, если у меня есть...
782 просмотров
schedule
08.06.2023
БЭМ-элемент и блок на одном DOM-узле
Правильно ли использовать имена классов элементов и блоков на одном и том же узле DOM, как в примере ниже?
<div class="b-panel">
<div class="b-panel__head"></div>
<div class="b-panel__body"></div>
<!--...
839 просмотров
schedule
10.09.2023
Можно ли включить родительские свойства в расширенный класс Sass?
Я хотел бы реализовать что-то вроде БЭМ-модели в своей библиотеке Sass. Но я изо всех сил пытаюсь найти чистый способ сделать это.
Например, я хотел бы объявить «базовый» стиль для общего элемента, а затем расширить его полезными вариациями:...
9821 просмотров
schedule
26.12.2022
БЭМ - Как обрабатывать пересечение блоков для сетки и контента
Я думал построить сетку с БЭМ-деревом так:
сетка
grid__row
grid__column-group
grid__column
Также есть такой контент, как этот тизерный блок
тизер
тизер__thumbnail
тизер__заголовок
тизер__тело
тизер__ссылка
Если мне...
879 просмотров
schedule
27.05.2024
БЭМ. Блок с наименованием элементов-модификаторов
У меня есть клиентская сущность. Есть два типа клиентов: врач и аптека. Оба имеют поля «имя», «адрес», «телефон», «электронная почта». Но у врача есть еще поля "лечебная специальность" и "больница". Доктор и аптека почти одинаковы по стилю (кроме...
211 просмотров
schedule
15.03.2023
БЭМ и одиночные селекторы
Это своего рода теоретический вопрос, но он беспокоит меня уже пару часов.
Я изучаю БЭМ, и пока это здорово, но у меня есть проблема. Скажем, у меня есть этот код:
<div class="section-hi main-section">
<h2...
819 просмотров
schedule
23.02.2023
Элегантный выбор элемента внутри селектора на три уровня вложенности без нарушения правил линтинга
Я рефакторинг некоторых SCSS, и я столкнулся с проблемой вложенности, используя синтаксис BEM в моих файлах SCSS.
Мои правила линтинга гласят, что я не могу использовать более трех уровней вложенности.
Однако иногда я могу захотеть настроить...
73 просмотров
schedule
18.07.2023
Передать аргумент миксину Sass BEM в @extend parent
Я создаю приложение, которое будет иметь разные фоны css в зависимости от содержимого или местоположения пользователя в приложении. Мне нужно применить следующие модификаторы к различным классам в моем приложении. Я написал миксин для этого, который...
356 просмотров
schedule
28.03.2023
Могу ли я использовать элемент из родительского блока внутри дочернего блока?
Я хотел бы знать, могу ли я, согласно методологии БЭМ, иметь следующую структуру:
.block1
.block1__element1
.block2
.block1__element2 <-- ??
Могу ли я использовать элемент из родительского блока внутри дочернего блока?...
96 просмотров
schedule
12.11.2023
Можем ли мы сделать элемент блочного модификатора в БЭМ?
Я просто хотел узнать, соответствует ли следующий код передовым методам методологии БЭМ? Создание элемента для модификатора блока, т.е. в данном случае "block--mod" является модификатором для блока "block". Разрешено ли создавать вложенный элемент с...
930 просмотров
schedule
22.04.2024
Лучшая практика БЭМ - пересекающиеся блоки
Я спрашиваю себя, что является лучшей практикой БЭМ, если у вас есть два блока, которые пересекают разметку. Я хотел бы поделиться своим вопросом с вами здесь. В следующих двух решениях хотелось бы привести пример:
Решение А)
<div...
73 просмотров
schedule
17.11.2023
Настройка Sass Lint для БЭМ
Итак, я перехожу к написанию своего дерзкого выступления на съезде БЭМ. Я использовал генератор конфигурации sass-lint для создания моей конфигурации и только отредактировал - convention: class-name-format на strictbem , однако у меня все еще...
3577 просмотров
schedule
05.02.2024
БЭМ: модификатор блока влияет на все элементы — лучшая практика?
Что лучше всего делать, если модификатор влияет на все элементы блока?
В моем текущем проекте у меня есть заголовок. Этот заголовок меняется на position: fixed, если пользователь прокручивает.
В шапке основная навигация, логотип, переключатель...
87 просмотров
schedule
06.06.2023
Наименование и позиционирование БЭМ
Я новичок в БЭМ, и я пытаюсь реализовать это:
.details-header {
margin-top: 10px;
padding-bottom: 0;
display: block;
&__heading-panel {
margin-top: 10px;
}
&__heading {
display: inline-block;
}
}
Я знаю, что...
132 просмотров
schedule
07.02.2024
Вложенность Sass с использованием БЭМ
Я пытаюсь понять, как я могу улучшить свою работу с sass с помощью BEM. Должен ли я что-либо изменить в моем коде ниже? Я думаю, что это действительно чисто в HTML, но в SASS трудно выяснить, что в каком блоке вложено. У меня есть один класс...
426 просмотров
schedule
12.06.2022
Как написать модификаторы с помощью Sass и БЭМ
Я действительно смущен тем, как использовать область действия с соглашением Sass и BEM.
У меня есть следующий код:
<div className="page">
<div className="page__main-content">
</div>
</div>
У меня есть...
40 просмотров
schedule
16.08.2023
