« 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: flex !important;
+display: flex;
-    flex-wrap: wrap !important;
+flex-wrap: wrap;
-    gap: 1.5rem !important; /* L'espace entre les cartes */
+gap: var(--grille-gap);
-    align-items: stretch !important; /* Force la même hauteur par ligne */
+align-items: var(--grille-align);
-    width: 100%;
+justify-content: var(--grille-justify);
+width: 100%;
 }
-/* On neutralise les parasites MediaWiki sans les supprimer */
+/* Correction magique pour les sauts de ligne MediaWiki */
 .nefald-grille > p,
 .nefald-grille > br {
-    display: contents !important;
+display: contents;
-}
-/*
- * On cible l'élément généré par le Modèle:Joueur.
- * On lui donne une base de largeur (ex: 380px) pour qu'ils s'alignent.
- */
-.nefald-grille .joueur-banniere,
-.nefald-grille > div,
-.nefald-grille > p > div {
-    flex: 1 1 380px; /* Grow: 1, Shrink: 1, Base: 380px */
-    max-width: 100%;
-    margin: 0 !important; /* Supprime les marges qui décalent tout */
-    /* On force la hauteur à 100% du parent flex */
-    display: flex !important;
-    flex-direction: column !important;
-}
-/* S'assure que le contenu interne de la carte prend toute la place */
-.nefald-grille .joueur-banniere > div:first-child {
-    flex: 1;
 }