« Modèle:Grille/styles.css » : différence entre les versions

Navigation interactive dans l’historique

Dernière version du 12 mars 2026 à 20:52

/* Conteneur Flexbox générique */
.nefald-grille {
display: flex;
flex-wrap: wrap;
gap: var(--grille-gap);
align-items: var(--grille-align);
justify-content: var(--grille-justify);
width: 100%;
}

/* Correction magique pour les sauts de ligne MediaWiki */
.nefald-grille > p,
.nefald-grille > br {
display: contents;
}

@@ Ligne 1 : / Ligne 1 : @@
-/* Modèle:Grille/styles.css */
+/* Conteneur Flexbox générique */
 .nefald-grille {
-    display: grid !important;
+display: flex;
-    /* Crée des colonnes automatiques d'au moins 350px.
+flex-wrap: wrap;
-       Ajuste '350px' selon la largeur souhaitée de tes cartes Joueur */
+gap: var(--grille-gap);
-    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+align-items: var(--grille-align);
-    width: 100%;
+justify-content: var(--grille-justify);
-    align-items: stretch; /* Force la même hauteur pour toutes les cartes d'une ligne */
+width: 100%;
 }
-/* On neutralise les <p> et <br> pour qu'ils ne comptent pas comme des éléments de grille */
+/* Correction magique pour les sauts de ligne MediaWiki */
 .nefald-grille > p,
 .nefald-grille > br {
-    display: contents !important;
+display: contents;
-}
-/* On cible les div (les cartes) pour qu'elles occupent tout l'espace de leur cellule */
-.nefald-grille > div,
-.nefald-grille > p > div {
-    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%;
 }