Modèle:Grille/styles.css

/* Conteneur Flexbox générique */
.nefald-grille {
    display: flex;
    flex-wrap: wrap;
}

/* Ajout dans Modèle:Grille/styles.css */

/* Classe pour la direction en colonne */
.nefald-grille-direction-column {
    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;
}