Вопросы по теме 'bem'
Отключить наведение ссылки
Я работаю с Bootstrap SASS и Bootstrap SASS Loader.
Я определяю _bootstrap-customizations.scss файл, который позволяет мне переопределять переменные BS по умолчанию без изменения его основных файлов.
Основные файлы определяют некоторые...
67 просмотров
schedule
29.11.2021
Концепция БЭМ в CSS
Я недавно поигрался с синтаксисом БЭМ, меня смущают элементы БЭМ.
У меня есть заголовок, содержащий логотип и поле для входа. Итак, я создал такую структуру:
<header class="header clearfix">
<div class="col-sm-6 col-xs-12">...
430 просмотров
schedule
23.10.2021
Обязательно ли применять имя класса к каждому элементу в HTML при использовании соглашения об именах BEM (Block, Element, Modifiers)?
Я пытаюсь ввести в действие соглашение об именах БЭМ, но у меня есть некоторые недоразумения с именами элементов HTML. Я действительно хочу понять, действительно ли мне нужно указать имя класса для каждого элемента HTML.
Скажем, у меня есть...
219 просмотров
schedule
22.05.2022
Получить модификатор амперсанда, чтобы наследовать все свойства от родителя
Я использую удобную нотацию амперсанда SASS, чтобы добавить в свои классы модификаторы в стиле БЭМ:
.box {
display: inline-block;
width: 100px;
height: 100px;
background: magenta;
&--selected {
background: cyan;...
986 просмотров
schedule
31.05.2022
Что такое методология БЭМ?
Недавно я услышал о методологии БЭМ.
В чем именно заключается использование методологии БЭМ?
Как БЭМ облегчает нашу работу?
Стоит ли использовать БЭМ?
1620 просмотров
schedule
09.06.2022
Соглашение об именах BEM html
Я пытался работать с BEM в течение последних нескольких дней, но не понимаю, как придерживаться соглашения об именах.
Я понимаю, что вы называете блок, а затем добавляете элементы по мере необходимости с двойным подчеркиванием. Но иногда это вряд...
206 просмотров
schedule
30.06.2022
Должны ли дочерние элементы модуля быть вложены в модификаторы модуля?
При написании css с использованием БЭМ, если вам нужно внести изменения в элемент модуля, когда он находится в подмодуле, вы вкладываете элемент модуля в подмодуль или создаете новое имя класса для элемента модуля?
Создание нового курса...
198 просмотров
schedule
13.07.2022
Почему установка размера шрифта класса div не устанавливает размер шрифта элемента p?
Вот мой html-файл. Я хочу изменить размер шрифта всех элементов p в div. Поэтому я меняю размер шрифта div, содержащего все абзацы, но это не работает. Почему?
<div class="footersection__left--address">
<p>2</p>...
215 просмотров
schedule
29.08.2022
Бурбон Чистый и семантический HTML5, а как насчет БЭМ?
Я пытаюсь написать очень минималистский блог, чтобы заново выучить html и css. Я пытаюсь понять, что мне следует использовать для выбора элементов моей страницы между простыми тегами, идентификатором или классом.
Например, вот как может выглядеть...
253 просмотров
schedule
09.09.2022
БЭМ с SASS и :hover
Каков правильный способ объявления состояний активности/фокуса/зависания с использованием БЭМ с SASS? Например, у меня есть такая структура:
<div class="card">
<img class="card__image" src="..." alt="">
<div...
11854 просмотров
schedule
16.09.2022
Использование классов модификаторов БЭМ
Недавно я прочесывал старые проекты, пытаясь немного навести порядок. Одним из проблемных мест является CSS.
Учитывая это, я решил попробовать БЭМ, чтобы немного прибраться.
Одна группа объявлений стиля, которую я нашел, была следующей:...
293 просмотров
schedule
03.10.2022
Миксин генератора БЭМ хочет соответствовать структуре MDL
Итак, у меня есть следующие примеси для генерации моих БЭМ-классов:
$es: '__';
$ms: '--';
@function to-string($selector) {
$selector: inspect($selector); //cast to string
$selector: str-slice($selector, 2, -2); //remove brackets...
162 просмотров
schedule
10.08.2023
Каков правильный БЭМ-подход к глобальному наследованию классов?
Я недавно начал использовать методологию БЭМ, и меня смущает наследование классов, а точнее — когда мы говорим о БЭМ — некоторые варианты использования модификаторов.
Давайте посмотрим на этот пример, у меня есть простой элемент с несколькими...
1062 просмотров
schedule
25.03.2023
Структуры именования SCSS и BEM и лучшие практики.
На данный момент с scss я разбираюсь в переменных, включениях и вложенности.
Я пытаюсь создать новую настройку scss, использующую структуру именования BEM. так например
.btn {
padding: 20px;
.btn__value {
color: $valColour;
}
}...
874 просмотров
schedule
11.04.2023
БЭМ - применение контекстных стилей к блоку внутри другого блока
Предположим, у нас есть блоки .container и .button :
<div class="container">
<!-- some html -->
<a class="button">A Marvelous button</a>
</div>
Как нам подойти к стилю блока .button исключительно в...
271 просмотров
schedule
25.09.2023
Запутался с БЭМ: как обратиться к элементу тела с помощью БЭМ?
В моем недавнем проекте у меня есть файл scss, например:
CSS
body {
background: url('https://...jpg') bottom center no-repeat;
background-size: cover;
min-height: 100vh;
h2 {
font-family: 'Work Sans', sans-serif;
font-weight:...
1102 просмотров
schedule
10.03.2023
Влияние стилей области действия на блоки и элементы в БЭМ
Из документации BEM я могу прочитать, что
блоки могут быть вложенными
Я понимаю, что Blocks следует рассматривать как повторно используемые компоненты с некоторой внутренней структурой, созданной из Elements , что делает их в...
41 просмотров
schedule
03.07.2023
Маски слоев в CSS
Я пытаюсь выяснить, возможны ли маски слоя в CSS. В основном у меня есть SVG, который обозначает какой-то этап. Это отображается как маска с использованием изображения маски и имеет черный фоновый цвет. Что-то вроде:
mask-image:...
845 просмотров
schedule
21.07.2023
Соглашения об именах для адаптивных переменных в SuitCSS
Недавно я начал использовать соглашения об именах suitCSS в своем Sass (не используя настройку PostCSS по умолчанию), и не ясно, как правильно называть переменные:
Переменные, используемые внутри медиа-запросов компонента. В официальных документах...
133 просмотров
schedule
09.05.2023
БЭМ CSS и состояния
Я пытался изучить БЭМ, и хотя я знаю, что БЭМ — это не просто CSS, мне кажется, что это лучшее место для начала.
Поэтому я сделал базовый css для предварительного загрузчика: https://jsfiddle.net/ygz931s7/
И изменил его, чтобы он...
392 просмотров
schedule
07.03.2023
