|
|
| (18 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 1 : |
Ligne 1 : |
| /* Conteneur: pleine largeur + en ligne */
| | .ButtonGrid-container{ |
| .minicardv2-container{ | | display:grid; |
| display:flex !important; | | gap:.9rem; |
| flex-direction:row !important; | |
| flex-wrap:nowrap !important;
| |
|
| |
|
| align-items:stretch;
| | width:100%; |
| gap:.6rem;
| |
| | |
| width:100% !important; | |
| padding:.4rem 0; | | padding:.4rem 0; |
| margin:0;
| |
|
| |
| background:transparent;
| |
| border:0;
| |
|
| |
| overflow-x:auto;
| |
| overflow-y:hidden;
| |
| box-sizing:border-box; | | box-sizing:border-box; |
| }
| |
|
| |
|
| /* Empêche les wrappers <p> de casser la ligne */ | | /* Colonnes harmonisées, responsive */ |
| .minicardv2-container > p{
| | grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); |
| margin:0 !important;
| | align-items:stretch; |
| 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) */ | | /* Chaque bouton remplit sa cellule */ |
| .minicardv2-container a{ | | .ButtonGrid-container > .button-link{ |
| display:inline-flex !important; | | width:100%; |
| 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 */ | | /* Le lien interne remplit la hauteur du bouton */ |
| .minicardv2-container a img{ | | .ButtonGrid-container > .button-link .button-link__link{ |
| width:18px;
| | height:100%; |
| height:18px; | |
| } | | } |
