Модификатор для actionBar

25517, ну не знает он синтаксиса less, дальше что?
 
25517, ну не знает он синтаксиса less, дальше что?

Я несколько дней как установил впервые движок этот, пока что изучаю, это разве плохо ? Поправляйте без проблем, быстрее научусь )
 
Последнее редактирование:
  • Мне нравится
Реакции: Hope
Captain, тут даже не в синтаксисе дело. А в названии классов ...
 
С историями версий
Код:
.message-footer .actionBar-action--report, .message-footer .actionBar-action--edit, .message-footer .actionBar-action--spam, .message-footer .actionBar-action--delete, .message-footer .actionBar-action--ip, .message-footer .actionBar-action--warn, .message-footer .actionBar-action--bookmark, .message-footer .actionBar-action--reply, .message-footer .actionBar-action--mq, .message-footer .actionBar-action--like, .message-footer .actionBar-action--reaction, .message-footer .actionBar-action--bookmark, .message-footer .actionBar-action--tag, .message-footer .bestAnswerButton--unselect, .message-footer .bestAnswerButton--select, .message-footer .actionBar-action--history {
    background: none !important;
    padding: 2px 15px;
    border-color: #ececec;
}
.message-footer .actionBar-action--report:hover, .message-footer .actionBar-action--edit:hover,  .message-footer .actionBar-action--spam:hover, .message-footer .actionBar-action--delete:hover, .message-footer .actionBar-action--ip:hover, .message-footer .actionBar-action--warn:hover, .message-footer .actionBar-action--bookmark:hover, .message-footer .actionBar-action--reply:hover, .message-footer .actionBar-action--mq:hover, .message-footer .actionBar-action--like:hover, .message-footer .actionBar-action--reaction:hover, .message-footer .actionBar-action--bookmark:hover, .message-footer .actionBar-action--tag:hover, .message-footer .bestAnswerButton--unselect:hover, .message-footer .bestAnswerButton--select:hover, .message-footer .actionBar-action--history:hover {
    background: #edf6fd !important;
    text-decoration: none !important;
}
103587
 
С историями версий
Код:
.message-footer .actionBar-action--report, .message-footer .actionBar-action--edit, .message-footer .actionBar-action--spam, .message-footer .actionBar-action--delete, .message-footer .actionBar-action--ip, .message-footer .actionBar-action--warn, .message-footer .actionBar-action--bookmark, .message-footer .actionBar-action--reply, .message-footer .actionBar-action--mq, .message-footer .actionBar-action--like, .message-footer .actionBar-action--reaction, .message-footer .actionBar-action--bookmark, .message-footer .actionBar-action--tag, .message-footer .bestAnswerButton--unselect, .message-footer .bestAnswerButton--select, .message-footer .actionBar-action--history {
    background: none !important;
    padding: 2px 15px;
    border-color: #ececec;
}
.message-footer .actionBar-action--report:hover, .message-footer .actionBar-action--edit:hover,  .message-footer .actionBar-action--spam:hover, .message-footer .actionBar-action--delete:hover, .message-footer .actionBar-action--ip:hover, .message-footer .actionBar-action--warn:hover, .message-footer .actionBar-action--bookmark:hover, .message-footer .actionBar-action--reply:hover, .message-footer .actionBar-action--mq:hover, .message-footer .actionBar-action--like:hover, .message-footer .actionBar-action--reaction:hover, .message-footer .actionBar-action--bookmark:hover, .message-footer .actionBar-action--tag:hover, .message-footer .bestAnswerButton--unselect:hover, .message-footer .bestAnswerButton--select:hover, .message-footer .actionBar-action--history:hover {
    background: #edf6fd !important;
    text-decoration: none !important;
}
Посмотреть вложение 103587

Подшаманил ?)
 
  • Мне нравится
Реакции: 1K2
Держите ещё шаманства
Код:
.actionBar-action--report, .actionBar-action--edit, .actionBar-action--spam, .actionBar-action--delete, .actionBar-action--ip, .actionBar-action--warn, .actionBar-action--bookmark, .actionBar-action--reply, .actionBar-action--mq, .actionBar-action--like, .actionBar-action--reaction, .actionBar-action--bookmark, .actionBar-action--tag, .bestAnswerButton--unselect, .bestAnswerButton--select, .actionBar-action--history {
    background: none;
    padding: 2px 15px;
    border-color: #ececec;
    &:hover {
        background: #edf6fd;
        text-decoration: none;
    }
}

.message-footer не надо указывать, как и !improtant'ы. Вместо повторения всего списка классов для ховера, достаточно указать & (это благодаря less).

На дефолтном стиле все это работоспособно 100%
 
Держите ещё шаманства
Код:
.actionBar-action--report, .actionBar-action--edit, .actionBar-action--spam, .actionBar-action--delete, .actionBar-action--ip, .actionBar-action--warn, .actionBar-action--bookmark, .actionBar-action--reply, .actionBar-action--mq, .actionBar-action--like, .actionBar-action--reaction, .actionBar-action--bookmark, .actionBar-action--tag, .bestAnswerButton--unselect, .bestAnswerButton--select, .actionBar-action--history {
    background: none;
    padding: 2px 15px;
    border-color: #ececec;
    &:hover {
        background: #edf6fd;
        text-decoration: none;
    }
}

.message-footer не надо указывать, как и !improtant'ы. Вместо повторения всего списка классов для ховера, достаточно указать & (это благодаря less).

На дефолтном стиле все это работоспособно 100%

Спасибо, буду иметь ввиду по поводу шаманства с less )
 
OFFTOP

А если в футер сообщений добавят миллион ссылок, вы будете указывать миллион классов?
Только для того, чтобы все ссылки выглядели одинаково?

 
  • Раздражает
Реакции: 1K2
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу