|
|
| Ligne 1 : |
Ligne 1 : |
| /* Conteneur Flexbox générique */ | | /* Conteneur Flexbox générique */ |
| | |
| .nefald-grille { | | .nefald-grille { |
| display: flex;
| |
| flex-wrap: wrap;
| |
| }
| |
|
| |
|
| /* Ajout dans Modèle:Grille/styles.css */
| | display: flex; |
| | |
| | flex-wrap: wrap; |
| | |
| | gap: var(--grille-gap); |
| | |
| | align-items: var(--grille-align); |
| | |
| | justify-content: var(--grille-justify); |
| | |
| | width: 100%; |
|
| |
|
| /* 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é */ | | /* Correction magique pour les sauts de ligne MediaWiki */ |
| .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 > p, |
| .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 > br { |
| .nefald-grille-container:not([style*="align-items"]) { | |
| align-items: stretch;
| |
| }
| |
|
| |
|
| /* Justification par défaut si non spécifié */
| | display: contents; |
| .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;
| |
| } | | } |
/* 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;
}
