« Modèle:ButtonGrid/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
/* | /* ========================= | ||
MiniCardv2 — CSS complet | |||
- Pleine largeur | |||
- 1 ligne | |||
- Les tuiles s’adaptent au nombre (1fr) | |||
- Scroll horizontal si ça ne rentre pas (responsive) | |||
========================= */ | |||
.minicardv2-container{ | .minicardv2-container{ | ||
display: | display:grid; | ||
grid-auto-flow:column; | |||
grid-auto-columns:1fr; | |||
gap:.6rem; | gap:.6rem; | ||
width:100%; | |||
padding:.4rem 0; | padding:.4rem 0; | ||
overflow-x:auto; | overflow-x:auto; | ||
overflow-y:hidden; | |||
box-sizing:border-box; | |||
} | } | ||
/* | /* Tuiles : liens externes MediaWiki */ | ||
.minicardv2-container a.external{ | .minicardv2-container a.external{ | ||
display: | display:flex !important; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | |||
gap:.5rem; | gap:.5rem; | ||
width: | width:100% !important; | ||
min-width:0; | |||
padding:.55rem .8rem; | padding:.55rem .8rem; | ||
| Ligne 53 : | Ligne 59 : | ||
} | } | ||
/* | /* Masquer l’icône "lien externe" (petite flèche) */ | ||
.minicardv2-container a.external::after{ | .minicardv2-container a.external::after{ | ||
display:none !important; | display:none !important; | ||
} | } | ||
Version du 4 février 2026 à 19:34
/* =========================
MiniCardv2 — CSS complet
- Pleine largeur
- 1 ligne
- Les tuiles s’adaptent au nombre (1fr)
- Scroll horizontal si ça ne rentre pas (responsive)
========================= */
.minicardv2-container{
display:grid;
grid-auto-flow:column;
grid-auto-columns:1fr;
gap:.6rem;
width:100%;
padding:.4rem 0;
overflow-x:auto;
overflow-y:hidden;
box-sizing:border-box;
}
/* Tuiles : liens externes MediaWiki */
.minicardv2-container a.external{
display:flex !important;
align-items:center;
justify-content:center;
gap:.5rem;
width:100% !important;
min-width:0;
padding:.55rem .8rem;
border-radius:12px;
font-weight:600;
text-decoration:none;
white-space:nowrap;
background:#111;
color:#fff;
transition:transform .08s ease, filter .08s ease;
}
.minicardv2-container a.external:hover{
transform:translateY(-1px);
filter:brightness(1.05);
}
.minicardv2-container a.external:active{
transform:translateY(0);
}
/* Icône */
.minicardv2-container a.external img{
width:18px;
height:18px;
}
/* Masquer l’icône "lien externe" (petite flèche) */
.minicardv2-container a.external::after{
display:none !important;
}