« Modèle:Card/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
m Gap |
||
| Ligne 346 : | Ligne 346 : | ||
/* ============================================================================= | /* ============================================================================= | ||
LAYOUT AVEC SIDEBAR | LAYOUT AVEC SIDEBAR - ESPACEMENT RÉDUIT | ||
============================================================================= */ | ============================================================================= */ | ||
.home-layout-with-sidebar { | .home-layout-with-sidebar { | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr | grid-template-columns: 1fr 300px; | ||
gap: | gap: 16px; /* ← ESPACE RÉDUIT entre colonnes */ | ||
margin: | margin: 16px 0; | ||
width: 100%; | width: 100%; | ||
align-items: start; | align-items: start; | ||
| Ligne 362 : | Ligne 362 : | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
gap: | gap: 16px; /* ← ESPACE RÉDUIT entre sections */ | ||
} | } | ||
| Ligne 371 : | Ligne 371 : | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
gap: | gap: 12px; /* ← ESPACE RÉDUIT entre cards sidebar */ | ||
} | } | ||
/* Grilles pour la colonne principale */ | /* Grilles pour la colonne principale - ESPACEMENT MINIMAL */ | ||
.home-cards-grid-1, | .home-cards-grid-1, | ||
.home-cards-grid-2 { | .home-cards-grid-2 { | ||
display: grid; | display: grid; | ||
gap: | gap: 12px; /* ← ESPACE RÉDUIT entre cards */ | ||
width: 100%; | width: 100%; | ||
} | } | ||
| Ligne 391 : | Ligne 391 : | ||
/* ============================================================================= | /* ============================================================================= | ||
RESPONSIVE | RESPONSIVE | ||
============================================================================= */ | ============================================================================= */ | ||
| Ligne 397 : | Ligne 397 : | ||
.home-layout-with-sidebar { | .home-layout-with-sidebar { | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
gap: | gap: 12px; | ||
} | } | ||
.home-sidebar { | .home-sidebar { | ||
position: static; | position: static; | ||
order: -1; | order: -1; | ||
} | } | ||
} | } | ||
| Ligne 409 : | Ligne 409 : | ||
.home-cards-grid-2 { | .home-cards-grid-2 { | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
gap: | gap: 10px; | ||
} | |||
.home-layout-with-sidebar, | |||
.home-main-content { | |||
gap: 10px; | |||
} | } | ||
} | } | ||