Ответ на пост «Минусы»43
Я починил отображение минусов! Нужен лишь простой советский...
Ну и стили для расширения вроде Stylus:
.rating-progress {position: relative; overflow: visible;}
.rating-progress:before, .rating-progress:after {content: ""; background: #e5594c; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: -5px; left: -1px;}
.rating-progress:after {top: auto; bottom: -5px;}
Приятно, что в постах оно тоже работает!
UPD:
Еще немного обновил ради спортивного интереса. Мне удобно видеть оценки сразу. Если кому-то тоже пригодится, то это отлично!
/* 8=э */
.rating-progress {position: relative; overflow: visible;}
.rating-progress:before, .rating-progress:after {content: ""; background: #e5594c; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: -5px; left: -1px;}
.rating-progress:after {top: auto; bottom: -5px;}
/* Плюсы и минусы поста */
.story__rating-block:after {content: attr(data-minuses); font-size: 12px; color: red; margin-top: -14px;}
.story__rating-block:before {content: attr(data-pluses); font-size: 12px; color: green; margin-bottom: -14px;}
/* Плюсы и минусы Комментария */
.comment__rating:after {content: attr(data-minuses); font-size: 12px; color: red; margin-right: 5px; margin-left: -3px;}
.comment__rating:before {content: attr(data-pluses); font-size: 12px; color: green; margin-left: 5px; margin-right: -3px;}