Template:Rank/styles.css

Template page
Revision as of 15:46, 23 April 2024 by Mausterio (talk | contribs) (Created page with ".home-card.rank-card { height: 315px; width: 255px; min-height: 315px; min-width: 255px; } .rank-card__name { font-weight: 600; color: var(--color-base--emphasized); } .viewdetails-button a.external.text::after { display: none; } .home-link__button.viewdetails-button { margin-bottom: -0.9rem; } .home-card__info { position: relative; top: 1rem; } div.rank-card__image div.responsive-img img { transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
.home-card.rank-card {
  height: 315px;
  width: 255px;
  min-height: 315px;
  min-width: 255px;
}
.rank-card__name {
  font-weight: 600;
  color: var(--color-base--emphasized);
}
.viewdetails-button a.external.text::after {
  display: none;
}
.home-link__button.viewdetails-button {
  margin-bottom: -0.9rem;
}
.home-card__info {
  position: relative;
  top: 1rem;
}
div.rank-card__image div.responsive-img img {
  transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
}
div.rank-card__image div.responsive-img img:hover {
  transform: scale(1.1);
  transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
}
div.rank-card__image div.responsive-img div.center div.floatnone img {
  transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
}
div.rank-card__image div.responsive-img div.center div.floatnone img:hover {
  transform: rotate(3deg) scale(1.2);
  transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
}
.home-card.rank-card {
  display: inline-block;
  margin: 5px;
}