« Modèle:Card/styles.css » : différence entre les versions

Version du 4 juillet 2025 à 13:01

.template-navpills {
  display: grid;
  gap: var(--space-xs);
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-auto-rows: 3rem;
  font-size: var(--font-size-small);
}

.template-navpill {
  position: relative;
  border: 1px solid var(--border-color-base);
  border-radius: var(--border-radius-medium);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-xx-small);
  overflow: hidden;
}

.template-navpill-background {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.template-navpill img {
transform: translateY(-40%);
    width: 70%;
    height: auto;
    float: right;
}
.template-navpill:hover img {
    transform: translate(20%, -40%) scale(.5);
    transition: all 300ms;
}

.template-navpill>.template-navpill-background+a {
  color: #fff;
  text-shadow: -1px 0 .2em #000, 0 1px .2em #000, 1px 0 .2em #000, 0 -1px .2em #000;
}

.template-navpill>a {
  position: relative;
  padding: 0 var(--space-md);
  display: flex;
  align-items: center;
  color: var(--color-emphasized);
  text-decoration: none;
  height: 100%
}