« 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/styles.css | MiniCardv2/styles.css | ||
- | Version 100% compatible TemplateStyles (sans grid/minmax) | ||
- | - largeur harmonisée | ||
- wrap responsive | |||
- hauteur réglable | |||
========================================================= */ | ========================================================= */ | ||
.minicardv2-container{ | .minicardv2-container{ | ||
display: | display:flex; | ||
flex-wrap:wrap; | |||
gap:.9rem; | gap:.9rem; | ||
| Ligne 13 : | Ligne 15 : | ||
padding:.4rem 0; | padding:.4rem 0; | ||
box-sizing:border-box; | box-sizing:border-box; | ||
} | } | ||
/* | /* Chaque bouton devient une "tuile" flexible */ | ||
.minicardv2-container > .button-link{ | .minicardv2-container > .button-link{ | ||
width:100% | flex:1 1 170px; /* largeur mini harmonisée */ | ||
max-width:100%; | |||
height:56px !important; | height:56px !important; /* ← change ici la hauteur */ | ||
min-height:56px !important; | min-height:56px !important; | ||
box-sizing:border-box | box-sizing:border-box; | ||
} | } | ||
/* | /* Lien interne centré */ | ||
.minicardv2-container > .button-link > .button-link__link{ | .minicardv2-container > .button-link > .button-link__link{ | ||
height:100% !important; | height:100% !important; | ||
display:flex !important; | display:flex !important; | ||
| Ligne 41 : | Ligne 36 : | ||
justify-content:center !important; | justify-content:center !important; | ||
padding-top:0 !important; | padding-top:0 !important; | ||
padding-bottom:0 !important; | padding-bottom:0 !important; | ||
box-sizing:border-box | box-sizing:border-box; | ||
} | } | ||
/* Texte | /* Texte */ | ||
.minicardv2-container | .minicardv2-container .button-link__text{ | ||
margin:0 !important; | margin:0 !important; | ||
line-height:1.1 !important; | line-height:1.1 !important; | ||
} | } | ||
/* Icône | /* Icône */ | ||
.minicardv2-container | .minicardv2-container img{ | ||
max-height:70% !important; | max-height:70% !important; | ||
width:auto !important; | width:auto !important; | ||
} | } | ||
Version du 4 février 2026 à 20:14
/* =========================================================
MiniCardv2/styles.css
Version 100% compatible TemplateStyles (sans grid/minmax)
- largeur harmonisée
- wrap responsive
- hauteur réglable
========================================================= */
.minicardv2-container{
display:flex;
flex-wrap:wrap;
gap:.9rem;
width:100%;
padding:.4rem 0;
box-sizing:border-box;
}
/* Chaque bouton devient une "tuile" flexible */
.minicardv2-container > .button-link{
flex:1 1 170px; /* largeur mini harmonisée */
max-width:100%;
height:56px !important; /* ← change ici la hauteur */
min-height:56px !important;
box-sizing:border-box;
}
/* Lien interne centré */
.minicardv2-container > .button-link > .button-link__link{
height:100% !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding-top:0 !important;
padding-bottom:0 !important;
box-sizing:border-box;
}
/* Texte */
.minicardv2-container .button-link__text{
margin:0 !important;
line-height:1.1 !important;
}
/* Icône */
.minicardv2-container img{
max-height:70% !important;
width:auto !important;
}