« 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 Balise : Révoqué |
||
| Ligne 1 : | Ligne 1 : | ||
/* ========================================================= | /* ========================================================= | ||
MiniCardv2 | MiniCardv2 — layout uniforme | ||
- | - 1 seule ligne | ||
- | - largeur identique | ||
- | - hauteur identique | ||
- | - scroll horizontal si dépassement | ||
- 100% compatible TemplateStyles | |||
========================================================= */ | ========================================================= */ | ||
.minicardv2-container{ | .minicardv2-container{ | ||
display:flex; | display:flex; | ||
flex-wrap:nowrap; | flex-wrap:nowrap; /* jamais de retour ligne */ | ||
gap:.9rem; | gap:.9rem; | ||
| Ligne 17 : | Ligne 17 : | ||
box-sizing:border-box; | box-sizing:border-box; | ||
overflow-x:auto; | overflow-x:auto; | ||
overflow-y:hidden; | overflow-y:hidden; | ||
} | } | ||
/* | /* ===== Taille UNIFORME des tuiles ===== */ | ||
.minicardv2-container > .button-link{ | .minicardv2-container > .button-link{ | ||
flex: | flex:0 0 190px; /* largeur FIXE */ | ||
height:72px; /* hauteur FIXE */ | |||
box-sizing:border-box; | box-sizing:border-box; | ||
} | } | ||
/* Le lien | /* Le lien remplit entièrement la tuile */ | ||
.minicardv2-container > .button-link > .button-link__link{ | .minicardv2-container > .button-link > .button-link__link{ | ||
width:100%; | |||
height:100%; | height:100%; | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
padding:0; | |||
box-sizing:border-box; | box-sizing:border-box; | ||
} | } | ||
/* Icônes | /* Icônes / images toujours contenues */ | ||
.minicardv2-container img{ | .minicardv2-container img{ | ||
max-height: | max-height:65%; | ||
width:auto; | width:auto; | ||
} | } | ||
Version du 4 février 2026 à 20:20
/* =========================================================
MiniCardv2 — layout uniforme
- 1 seule ligne
- largeur identique
- hauteur identique
- scroll horizontal si dépassement
- 100% compatible TemplateStyles
========================================================= */
.minicardv2-container{
display:flex;
flex-wrap:nowrap; /* jamais de retour ligne */
gap:.9rem;
width:100%;
padding:.4rem 0;
box-sizing:border-box;
overflow-x:auto;
overflow-y:hidden;
}
/* ===== Taille UNIFORME des tuiles ===== */
.minicardv2-container > .button-link{
flex:0 0 190px; /* largeur FIXE */
height:72px; /* hauteur FIXE */
box-sizing:border-box;
}
/* Le lien remplit entièrement la tuile */
.minicardv2-container > .button-link > .button-link__link{
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
padding:0;
box-sizing:border-box;
}
/* Icônes / images toujours contenues */
.minicardv2-container img{
max-height:65%;
width:auto;
}