« Modèle:Grille/styles.css » : différence entre les versions
De Nefald
Autres actions
m row Balise : Révoqué |
mAucun résumé des modifications Balise : Révoqué |
||
| Ligne 2 : | Ligne 2 : | ||
.nefald-grille { | .nefald-grille { | ||
display: grid !important; | |||
/* Crée des colonnes automatiques d'au moins 350px. | |||
Ajuste '350px' selon la largeur souhaitée de tes cartes Joueur */ | |||
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); | |||
width: 100%; | width: 100%; | ||
align-items: stretch; /* Force la même hauteur pour toutes les cartes d'une ligne */ | |||
} | } | ||
/* | /* On neutralise les <p> et <br> pour qu'ils ne comptent pas comme des éléments de grille */ | ||
.nefald-grille > p, | .nefald-grille > p, | ||
.nefald-grille > br { | .nefald-grille > br { | ||
display: contents; | display: contents !important; | ||
} | } | ||
/ | /* On cible les div (les cartes) pour qu'elles occupent tout l'espace de leur cellule */ | ||
.nefald-grille > div, | .nefald-grille > div, | ||
.nefald-grille > p > div { | .nefald-grille > p > div { | ||
margin: 0 !important; /* | display: flex; | ||
flex-direction: column; | |||
height: 100% !important; | |||
margin: 0 !important; /* Supprime les marges qui créent le décalage */ | |||
} | |||
/* Sécurité : on force l'élément interne de la carte Joueur à s'étirer */ | |||
.nefald-grille .joueur-banniere, | |||
.nefald-grille [class*="joueur"] { | |||
flex: 1; | |||
height: 100%; | |||
} | } | ||