Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

« Modèle:Grille/styles.css » : différence entre les versions

De Nefald
Hiob (discussion | contributions)
m alignement
Balise : Révoqué
Hiob (discussion | contributions)
stretch
Balise : Révoqué
Ligne 5 : Ligne 5 :
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
    /* La gestion du gap, align-items, justify-content se fait maintenant en style inline par le modèle. */
    /* On peut laisser des valeurs par défaut ici au cas où le style inline ne serait pas appliqué, mais ce n'est pas indispensable. */
    /* gap: var(--space-md, 10px); */ /* Optionnel : une fallback si le style inline échoue */
    /* align-items: flex-start; */    /* Optionnel : une fallback si le style inline échoue */
     width: 100%;
     width: 100%;
}
/* Assure que les cartes remplissent la hauteur de la ligne */
.nefald-grille > * {
    height: 100%;
}
}


Ligne 21 : Ligne 12 :
.nefald-grille > br {
.nefald-grille > br {
     display: contents;
     display: contents;
}
/*
* Ciblage des cartes contenues dans la grille :
* 1. On annule les marges (le 'gap' s'occupe de l'espacement)
* 2. On s'assure que l'élément prend toute la hauteur de la ligne
*/
.nefald-grille > div,
.nefald-grille > p > div,
.nefald-grille .joueur-banniere {
    margin: 0 !important;
    height: 100%;
    box-sizing: border-box;
}
}

Version du 12 mars 2026 à 20:27

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

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

/* Correction magique pour les sauts de ligne MediaWiki */
.nefald-grille > p,
.nefald-grille > br {
    display: contents;
}

/* 
 * Ciblage des cartes contenues dans la grille :
 * 1. On annule les marges (le 'gap' s'occupe de l'espacement)
 * 2. On s'assure que l'élément prend toute la hauteur de la ligne
 */
.nefald-grille > div,
.nefald-grille > p > div,
.nefald-grille .joueur-banniere {
    margin: 0 !important;
    height: 100%;
    box-sizing: border-box;
}
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.