Вопросы по теме 'bem'
Нужна помощь в понимании того, как я должен определять объекты и скины ooccs
Прежде чем я задам вопрос, вот код, на который я ссылаюсь:
Коробка Объект
Используется для выделения содержимого, такого как остров или островок в Bootstrap.
.box { margin-bottom: 24px; padding: 12px; }
.box--s { padding: 8px 12px; }...
185 просмотров
schedule
18.06.2023
sass, настраиваемые селекторы на основе родителя
У меня есть следующие примеси для облегчения работы с синтаксисом БЭМ, код sass 3.3.2 :
=b($name)
.#{$name}
@content
=e($name)
&__#{$name}
@content
=m($name)
&--#{$name}
@content
+b(menu)
+e(item)
color: grey...
321 просмотров
schedule
04.02.2023
Почему БЭМ часто использует два символа подчеркивания вместо одного для модификаторов?
В БЭМ я так понимаю, что с модификаторами два тире имеют смысл, чтобы можно было отличить модификатор в my-block-my-modifier с my-block--my-modifier .
Но зачем использовать block__element вместо block_element ?
13715 просмотров
schedule
07.08.2022
SMACSS и BEM: как разместить модуль внутри модуля?
Примечание : я использую слово Модуль , которое в БЭМ называется Блоком . Также используйте измененное соглашение об именах БЭМ BLOCK__ELEMENT--MODIFIER , пожалуйста, используйте его и в своем ответе.
Предположим, у меня есть модуль...
2654 просмотров
schedule
18.05.2022
Нацельтесь на первый уровень ‹li›, используя вложенные правила LESS с BEM.
У меня есть следующий HTML:
<ul class="header-menu">
<li class="header-menu__item"><a href="index.html">home</a></li>
<li class="header-menu__item header-menu__item--split"><a...
1675 просмотров
schedule
08.10.2023
БЭМ-нейминг для оберток повторяющихся блоков
Я не уверен, как лучше назвать свои БЭМ-блоки, если для них требуется оболочка. Например, учитывая следующую разметку:
<div class="products-list">
<div class="product__item">
<div class="product__item__title">Product...
865 просмотров
schedule
04.04.2023
Именование раскрывающегося списка навигации с помощью bem
какой лучший способ назвать выпадающее меню с помощью bem ?? использовать дочерние элементы nav-main__sub или модификатор nav-main--sub ??
<ul class="nav nav-main">
<li class="nav__item">
<a href="#" class="nav__link...
1174 просмотров
schedule
19.06.2023
Какую пользу дает использование БЭМ --modifier?
У меня возникли проблемы с пониманием преимуществ использования соглашения об именах BEM --modifier css. Может кто-нибудь сказать мне, почему это:
.my-element--checked {
color: green;
}
лучше чем это?
.my-element.checked {
color:...
1057 просмотров
schedule
28.05.2023
Как использовать пространство имен классов OOCSS с конкурирующими областями?
Я знаю, что это требует очень самоуверенного ответа, как и все вопросы, связанные с соглашением об именах, я думаю.
Я использую соглашение об именах Harry Roberts BEMIT. , который дополняет БЭМ префиксами/пространствами имен для...
246 просмотров
schedule
25.07.2022
css БЭМ - нам действительно нужен E?
Итак, я работаю над очень большим сайтом электронной коммерции, нахожусь на нем совсем недавно, а проект был разработан год назад. Я думаю о рефакторинге css, поскольку он, кажется, вышел из-под контроля... и мне было интересно, действительно ли нам...
73 просмотров
schedule
14.04.2023
Именование вложенных элементов БЭМ и правило sass
Это моя текущая структура html, я проверил другие источники, и у некоторых есть разные мнения, и я хотел спросить конкретно о моей ситуации.
Название правильное? Имея domainname в качестве основного блока, затем на domainname__pricelist я бы...
297 просмотров
schedule
12.05.2024
БЭМ: Вложенные блоки, каков наилучший подход?
В следующей разметке, каков наилучший подход БЭМ?
Этот?:
<footer role="footer">
<footer class="footer__inner">
<div class="footer__left">© Some text</div>
<div class="footer__right">Some text</div>...
2203 просмотров
schedule
02.04.2023
БЭМ: Список предметов и стиль?
Я новичок в БЭМ и работаю над образцом шаблона:
HTML
<header class="header">
<div class="header__branding">
<h1>Site branding</h1>
</div>
<div class="header__menu">
<nav...
1487 просмотров
schedule
24.01.2023
Как использовать ворс для соглашения BEM Гарри Роберта с помощью stylelint?
Для плагина PostCSS BEM Linter требуется определение компонента для каждого блока, что требует много времени в устаревшем проекте.
Есть ли способ использовать stylelint для проверки шаблона классов и отображения ошибок во всех таблицах стилей...
2299 просмотров
schedule
29.12.2022
CSS: избегать идентификаторов? Использовать классы/прямые дочерние селекторы/nth-child?
Попытка привести в порядок мой CSS, это беспорядок, у меня есть несколько идентификаторов, разбросанных по div, дочерним div, так что я могу выбрать их в CSS.
Мне было интересно, как правильно это сделать?
Я думал об использовании классов, что...
437 просмотров
schedule
19.02.2023
SCSS: Bem и рекомендуемая структура каталогов?
Я начал обновлять свою сторону стиля до БЭМ. Пока мне это нравится, но у меня проблема с разделением scss на правильную структуру каталогов. BEM позаботится о моих соглашениях об именах для моих классов, но я хотел попытаться получить какой-то...
1057 просмотров
schedule
12.03.2024
добавление модификатора к элементу без использования @extend - CSS, БЭМ
Я пытаюсь понять правильный подход к написанию правил модификаторов БЭМ внутри родительских классов. Я использую @extend SASS, но чувствую, что делать это неправильно. Вот что я имею в виду:
Скажем, у меня есть класс .form , который выглядит...
715 просмотров
schedule
21.11.2022
Обратная связь по структуре БЭМ
Я не уверен, что SO - правильное место, чтобы задать такой вопрос. Дайте мне знать, если это не так.
Недавно я изучаю методологию BEM CSS, и мне нравится, как она решает многие проблемы CSS, такие как проблемы специфичности. Это делает наш CSS...
88 просмотров
schedule
19.02.2023
БЭМ повторно использует общие стили
Я пытаюсь разобраться с БЭМ с помощью CSS и застрял.
У меня есть блок с элементами, который включает в себя <ul> , которые в основном являются вкладками. Вкладки по всей моей системе будут выглядеть одинаково, так что могу ли я иметь как...
106 просмотров
schedule
17.12.2022
Как лучше всего написать гибкий код css в соответствии с соглашением BEM?
Я читал о БЭМ и хотел бы приступить к его реализации.
Тем не менее, я не очень понимаю, что было бы лучшим подходом. У меня есть несколько гибких div с разными стилями, это действительно очень повторяется, если я определяю каждый стиль в классе....
687 просмотров
schedule
10.01.2023