« Modèle:ButtonGrid/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications Balise : Révoqué |
||
| Ligne 20 : | Ligne 20 : | ||
.minicardv2-container > .button-link .button-link__link{ | .minicardv2-container > .button-link .button-link__link{ | ||
height:100%; | height:100%; | ||
} | |||
/* Hauteur uniforme des tuiles */ | |||
.minicardv2-container > .button-link{ | |||
height:72px; /* ← ajuste ici */ | |||
} | |||
/* Le lien remplit toute la tuile */ | |||
.minicardv2-container > .button-link .button-link__link{ | |||
height:100%; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
} | } | ||
Version du 4 février 2026 à 20:04
.minicardv2-container{
display:grid;
gap:.9rem;
width:100%;
padding:.4rem 0;
box-sizing:border-box;
/* Colonnes harmonisées, responsive */
grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
align-items:stretch;
}
/* S'assure que le bouton remplit bien sa "cellule" */
.minicardv2-container > .button-link{
width:100%;
}
/* (optionnel) si tu veux une hauteur identique */
.minicardv2-container > .button-link .button-link__link{
height:100%;
}
/* Hauteur uniforme des tuiles */
.minicardv2-container > .button-link{
height:72px; /* ← ajuste ici */
}
/* Le lien remplit toute la tuile */
.minicardv2-container > .button-link .button-link__link{
height:100%;
display:flex;
align-items:center;
justify-content:center;
}