« Modèle:Card/styles.css » : différence entre les versions
De ploums
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 25 : | Ligne 25 : | ||
color: #fff; | color: #fff; | ||
text-shadow: -1px 0 .2em #000, 0 1px .2em #000, 1px 0 .2em #000, 0 -1px .2em #000; | 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% | |||
} | } | ||
Version du 4 juillet 2025 à 12:32
.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>.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%
}