« Modèle:ButtonGrid/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications Balise : Révoqué |
Aucun résumé des modifications |
||
| (10 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
.ButtonGrid-container{ | |||
display:grid; | |||
. | |||
display: | |||
gap:.9rem; | gap:.9rem; | ||
| Ligne 15 : | Ligne 6 : | ||
padding:.4rem 0; | padding:.4rem 0; | ||
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 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%;
}