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:Accueil/shared/styles.css » : différence entre les versions

De Nefald
Hiob (discussion | contributions)
Aucun résumé des modifications
Hiob (discussion | contributions)
Aucun résumé des modifications
 
(3 versions intermédiaires par le même utilisateur non affichées)
Ligne 601 : Ligne 601 :


.home-stats__number {
.home-stats__number {
     font-size: 2.5rem;
     font-size: 1.5rem;
     font-weight: 700;
     font-weight: 700;
     color: var(--color-primary);
     color: var(--color-primary);
Ligne 724 : Ligne 724 :
     background: var(--color-surface-2);
     background: var(--color-surface-2);
     border-color: var(--color-primary);
     border-color: var(--color-primary);
}
/* ====================================
  12. UTILITIES
  ==================================== */
.home-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.5rem;
}
.home-grid--col2 {
    grid-template-columns: 1fr 1fr;
}
.home-grid a.external {
    background-image: none;
}
/* ====================================
  GRILLES DE CARDS - VARIANTES
  ==================================== */
/* Grille 3 colonnes (EXISTANTE - pour référence) */
.home-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 20px 0;
}
/* Grille 2 colonnes */
.home-cards-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 20px 0;
}
/* Grille 1 colonne (pleine largeur) */
.home-cards-grid-1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 20px 0;
}
/* ====================================
  RESPONSIVE
  ==================================== */
/* Tablette : 2 colonnes deviennent 1 */
@media (max-width: 768px) {
    .home-cards-grid-2 {
        grid-template-columns: 1fr;
    }
}
/* Mobile : 3 colonnes deviennent 1 */
@media (max-width: 640px) {
    .home-cards-grid {
        grid-template-columns: 1fr;
    }
}
}


Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.