Комментарий #4339304

morr
Спасибо, но какой ценой это далось?
После добавления 0го уровня, который означает начало просмотра франшизы, добавить отображение процентов ничего не стоило.

Возможно ли появление такого необыкновенного класса как shikimori-icon (название временное), где один раз будет прописан стиль для иконок на сайте, а сам он добавляться к каждой иконке? Возможно ли такое же счастье и для ссылок?
ты имеешь в виду что-то такое?
773x485
Не выйдет. Иконки задаются через sass миксины github.com github.com, и переделывать на всём сайте я это не буду.

Для ссылок есть два класса и
Если хочешь получить иконки сайта в виде шрифта, то вот сюда fontello.com/ нужно заимпортировать этот конфиг github.com
Ответы
grin3671
grin3671#
@morr, чтобы жестко не оффтопить в ачивках..
Я не предлагаю отказаться от миксинов или таких селекторов, но =shikimori вполне мог быть обычным классом. Так же переделывать везде и сразу не надо, создать этот класс и использовать в будущем.
Правда, переписывать уже надоело. Итоговый css уже за 50к строк.. В кастомных темах переписывать всё это просто долго.


Для ссылок есть два класса
У ссылок есть тысяча классов..
.p-profiles .profile-head .c-brief header .notice a
.p-profiles .profile-head .c-info .c-additionals div a
.p-user_history-index .history-page .history-interval p a
.p-contests-index .contest a
Этот список довольно большой.. Я когда-то собирал всё тут, но список уже давно устарел.
Может я не знаю всех тонкостей, но разве ссылка наследует цвет от родителя? Зачем прописывать для каждого элемента, если предполагаются стандартные цвета?
a:link
  color: blue

a:visited
  color: purple

a:hover,
a:focus
  color: orange
  text-decoration: underline

a:active,
a.active
  color: red

// Прочие доп. классы, если нужны нестандартные цвета
.link-black
  color: black
codepen.io/grin3671/pen/NEpKPJ



Все ссылки в блоке "О себе" имеют класс .b-link, но их цвет переписывается в правиле с помощью селектора .p-profiles-show .about a, то есть вроде у ссылки и есть класс .b-link, но цвет надо либо с !important указывать, либо использовать этот бесполезный селектор.

Зачем вообще хоть одно из этих свойств:
.p-profiles .profile-head .c-brief header .notice a {
  color: #176093; /* переписывает параметры элемента <a> */
  cursor: pointer; /* есть по умолчанию у ссылки */
  padding: 0; /* что-то перезаписывает? – нет! */
}
А тут?
.p-profiles .profile-head .c-info .c-additionals div a {
  color: #176093;
  cursor: pointer;
}
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть