« Modèle:ButtonGrid/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| (15 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
. | .ButtonGrid-container{ | ||
display: | display:grid; | ||
gap:.9rem; | |||
gap:.9rem; | |||
width:100%; | width:100%; | ||
| Ligne 8 : | Ligne 7 : | ||
box-sizing:border-box; | box-sizing:border-box; | ||
/* | /* Colonnes harmonisées, responsive */ | ||
grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); | |||
align-items:stretch; | |||
} | } | ||
/* Chaque bouton | /* Chaque bouton remplit sa cellule */ | ||
. | .ButtonGrid-container > .button-link{ | ||
width:100%; | |||
} | |||
/* Le lien interne remplit la hauteur du bouton */ | |||
.ButtonGrid-container > .button-link .button-link__link{ | |||
height:100%; | |||
} | } | ||
Dernière version du 4 février 2026 à 21:10
.ButtonGrid-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(190px, 1fr));
align-items:stretch;
}
/* Chaque bouton remplit sa cellule */
.ButtonGrid-container > .button-link{
width:100%;
}
/* Le lien interne remplit la hauteur du bouton */
.ButtonGrid-container > .button-link .button-link__link{
height:100%;
}