Их функция уведомить пользователя о каких либо действиях.
Вопрос в том чтобы скрыть их когда они выполнили свою функцию.
Например о лайке на вопрос или ответ, о решении, те которые не требуют вход в тело вопроса для отключения. Те же комментарии можно посмотреть из панели уведомлений. У активных пользователях висит от 10 уведомлений, но показывается только 3, чтобы пометить их вс е необходимо зайти либо в панель уведомлений и там отметить, либо пройти по все вопросам. Также касается лайков, При входе в вопрос или ответ все лайки не помечаются просмотренными, необходимо опять же идти либо в "Уведомления" либо прокликать каждый. Вопрос к тому чтобы сделать кнопку закрытия данных уведомлений.
я упомянул это в вопросе, не всегда удобно переходить чтобы отметить просмотренными все. Это также касается мобильного интернета не в ДС, который порой хромает, а альтернативы нет.
Александр А: Я отвечаю на вопросы, ставлю подписки на интересные. И порой в левой панели скапливается достаточно много уведомлений, не всегда это удобно и порой отвлекает.
каждому свое. Не люблю стиль именования по БЭМ т.к. он раздувает имена до невозможного. И порой ты тратишь время на переписку только имён классов. Придерживаюсь правила "Коротко но емко" Остальное можно теперь в CSS на псевдоэлементах сделать, чем делать кучу дивов с длинными именами классов.
2 примера решения одной задачи:
БЭМ codepen.io/dpismenny/pen/QNWZYj
Без БЭМ https://jsfiddle.net/gr1mm3r/smgersqc/5/
ИМХО в первом в классах и вложенности дивов можно слегка запутаться.
думается мне вы путаете css препроцессоры и размер шрифта. При изменении в препроцессоре переменной да, будет меняться везде где она прописано
LESS
@font-size:1.2em; ->@font-size:2em;
.class1{
font-size:@font-size;
}
.class2{
font-size:@font-size;
}
Но в чистом СSS оно не измениться везде.
.class1{
font-size:1em; -> font-size:1.2em;
}
.class2{
font-size:2em;
}
Как в class2 размер был 2em так он и остался.