« Modèle:Grille/styles.css » : différence entre les versions
De Nefald
Autres actions
Page créée avec « →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; } » |
m direction row / Column autorisant le nesting |
||
| Ligne 1 : | Ligne 1 : | ||
/* Conteneur Flexbox générique */ | /* Conteneur Flexbox générique */ | ||
.nefald-grille { | .nefald-grille { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-direction: var(--grille-direction); | ||
gap: var(--grille-gap); | flex-wrap: wrap; | ||
align-items: var(--grille-align); | gap: var(--grille-gap); | ||
justify-content: var(--grille-justify); | align-items: var(--grille-align); | ||
width: | justify-content: var(--grille-justify); | ||
width: var(--grille-width); /* <- Modifié ici */ | |||
} | } | ||
Version du 12 mars 2026 à 11:33
/* Conteneur Flexbox générique */
.nefald-grille {
display: flex;
flex-direction: var(--grille-direction);
flex-wrap: wrap;
gap: var(--grille-gap);
align-items: var(--grille-align);
justify-content: var(--grille-justify);
width: var(--grille-width); /* <- Modifié ici */
}
/* Correction magique pour les sauts de ligne MediaWiki */
.nefald-grille > p,
.nefald-grille > br {
display: contents;
}