У меня есть сайт, на котором я внедрил ABEM (альтернативу BEM, с системой именования атомарного дизайна), и теперь, после долгого оживления кодирования, мой мозг довольно тихий ... У меня проблема с именами дляa <div>
У меня есть блок, который я назвал: .a-pipe, в котором есть текст и стилизация.Это я теперь использую с модификатором, чтобы изменить его цвет из-за использования множества различных вариантов "трубы".то есть: .--grey, .--blue, .--green.И теперь с этим и моим путаницей с использованием блоков, элементов и модификаторов я зашел в тупик с вопросом: должен ли .a-pipe быть блоком, и если да, то если варианты этого блока будут иметь модификаторы для измененияцвет и другие стили?
HTML:
<div class="a-pipe --grey">some normal text <span class="a-pipe --lgText">Some larger text</span></div>
<div class="a-pipe --green">some normal text <span class="a-pipe --lgText">Some larger text</span></div>
CSS:
.a-pipe {
padding: 10px 3.5rem 10px 0;
border-radius: 0px 10rem 10rem 0px / 0px 8.1rem 8.1rem 0px;
text-align: right;
color: white;
}
.a-pipe.--green {
background-color: green;
}