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