Блоки product должны кардинально различаться друг от друга, при том что они имеют одинаковую структуру. Как быть в такой ситуации?
Как для них описывать дочерние элементы?
.chatlist-container >>> .chatlist
.chatlist-container__chatgroup-title >>> .chatlist__title
.chatlist-container__chatgroup-description >>> .chatlist__descriptionТак же вопрос как в таком случае описывать CSS, так как в данный момент у меня макароны
.chatlist-container {...}
.chatlist-container__chatlist {...}
.chatlist-container__chatgroup {...}textLeft, также вполне вероятно можно отказаться от модификаторов ячейки в пользу каскада от строки.
Вот хотел узнать, стоит или не стоит учить и использовать?
Если стоит, то также может посоветуете какой лучше выбрать, т.к. как я понял их много.
each item, index in title
- var isActive = ( item === "Контурная пластика (Инъекционная коррекция)" );
li.mobile-categories__item(class=( isActive ? 'mobile-categories-item_active' : false ))
span.mobile-categories__icon
img(src=icons[index] alt=alt[index])
span.mobile-categories__text(class=( isActive ? 'mobile-categories-text_active' : false ))= item
if isActive
.mobile-close2.mobile-close2_positiongulp.src( '*.pug' )
.pipe( pug() )
.pipe( gulp.dest(function(file) {
file.basename = file.basename.split('.')[0] + '.php';
return 'app/build';
})
);