« Modèle:ButtonGrid/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
/* Conteneur : | /* Conteneur: pleine largeur + en ligne */ | ||
.minicardv2-container{ | .minicardv2-container{ | ||
display:flex; | display:flex !important; | ||
flex-direction:row !important; | |||
flex-wrap:nowrap !important; | |||
align-items:stretch; | align-items:stretch; | ||
gap:.6rem; | gap:.6rem; | ||
width:100%; | width:100% !important; | ||
padding:.4rem 0; | padding:.4rem 0; | ||
margin:0; | |||
background:transparent; | |||
border:0; | |||
overflow-x:auto; | |||
overflow-x:auto; | |||
overflow-y:hidden; | overflow-y:hidden; | ||
box-sizing:border-box; | |||
} | } | ||
/* | /* Empêche les wrappers <p> de casser la ligne */ | ||
.minicardv2-container p{ | .minicardv2-container > p{ | ||
margin:0; | margin:0 !important; | ||
padding:0 !important; | |||
background:transparent; | |||
border:0; | |||
/* on ne peut pas utiliser display:contents -> on force inline */ | |||
display:inline !important; | |||
} | } | ||
/* Retire les <br> générés par les retours ligne */ | |||
.minicardv2-container br{ | .minicardv2-container br{ | ||
display:none; | display:none !important; | ||
} | } | ||
/* | /* Les tuiles : on cible tous les liens (certain skins n'ont pas .external) */ | ||
.minicardv2-container a{ | .minicardv2-container a{ | ||
display:flex; | display:inline-flex !important; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
gap:.5rem; | gap:.5rem; | ||
flex:1 1 0; | flex:1 1 0 !important; | ||
min-width:120px; | min-width:120px; | ||
padding:.55rem .8rem; | padding:.55rem .8rem; | ||
| Ligne 38 : | Ligne 50 : | ||
font-weight:600; | font-weight:600; | ||
text-decoration:none; | text-decoration:none !important; | ||
white-space:nowrap; | white-space:nowrap; | ||
| Ligne 44 : | Ligne 56 : | ||
color:#fff; | color:#fff; | ||
background-image:none !important; | |||
background-image:none; | |||
} | } | ||
Version du 4 février 2026 à 19:42
/* Conteneur: pleine largeur + en ligne */
.minicardv2-container{
display:flex !important;
flex-direction:row !important;
flex-wrap:nowrap !important;
align-items:stretch;
gap:.6rem;
width:100% !important;
padding:.4rem 0;
margin:0;
background:transparent;
border:0;
overflow-x:auto;
overflow-y:hidden;
box-sizing:border-box;
}
/* Empêche les wrappers <p> de casser la ligne */
.minicardv2-container > p{
margin:0 !important;
padding:0 !important;
background:transparent;
border:0;
/* on ne peut pas utiliser display:contents -> on force inline */
display:inline !important;
}
/* Retire les <br> générés par les retours ligne */
.minicardv2-container br{
display:none !important;
}
/* Les tuiles : on cible tous les liens (certain skins n'ont pas .external) */
.minicardv2-container a{
display:inline-flex !important;
align-items:center;
justify-content:center;
gap:.5rem;
flex:1 1 0 !important;
min-width:120px;
padding:.55rem .8rem;
border-radius:12px;
font-weight:600;
text-decoration:none !important;
white-space:nowrap;
background-color:#111;
color:#fff;
background-image:none !important;
}
/* Icône */
.minicardv2-container a img{
width:18px;
height:18px;
}