« 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 : @@
 /* Conteneur Flexbox générique */
 .nefald-grille {
-    display: flex;
+display: flex;
-    flex-wrap: wrap;
+flex-wrap: wrap;
+gap: var(--grille-gap);
+align-items: var(--grille-align);
+justify-content: var(--grille-justify);
+width: 100%;
 }
-/* Ajout dans Modèle:Grille/styles.css */
+/* Correction magique pour les sauts de ligne MediaWiki */
+.nefald-grille > p,
-/* Classe pour la direction en colonne */
+.nefald-grille > br {
-.nefald-grille-direction-column {
+display: contents;
-    flex-direction: column !important;
-}
-/* Classe pour la direction en ligne (par défaut, mais explicitement définie) */
-.nefald-grille-direction-row {
-    flex-direction: row !important;
-}
-/* Assurer que le conteneur de la grille reste un flex container */
-.nefald-grille-container {
-    display: flex;
-    flex-wrap: wrap; /* Pour gérer le retour à la ligne si les éléments sont trop larges */
-}
-/* Style par défaut pour le gap si non spécifié */
-.nefald-grille-container[style*="gap:"] {
-    /* Le gap est déjà géré par le style inline, rien à ajouter ici */
-}
-/* Style pour le gap par défaut si aucun gap n'est spécifié */
-.nefald-grille-container:not([style*="gap:"]) {
-    gap: var(--space-md, 10px); /* Utilise une variable CSS si possible, sinon 10px par défaut */
-}
-/* Alignement par défaut si non spécifié */
-.nefald-grille-container:not([style*="align-items"]) {
-    align-items: stretch;
-}
-/* Justification par défaut si non spécifié */
-.nefald-grille-container:not([style*="justify-content"]) {
-    justify-content: flex-start;
-}
-/* Gestion des sauts de ligne MediaWiki */
-.nefald-grille-container > p,
-.nefald-grille-container > br {
-    display: contents;
 }