|
|
| 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 */
| |
| .home-cards-grid-3 {
| |
| display: grid !important;
| |
| grid-template-columns: repeat(3, 1fr) !important;
| |
| gap: 20px;
| |
| margin: 20px 0;
| |
| width: 100%;
| |
| }
| |
|
| |
| /* Grille 2 colonnes */
| |
| .home-cards-grid-2 {
| |
| display: grid !important;
| |
| grid-template-columns: repeat(2, 1fr) !important;
| |
| gap: 20px;
| |
| margin: 20px 0;
| |
| width: 100%;
| |
| }
| |
|
| |
| /* Grille 1 colonne (pleine largeur) */
| |
| .home-cards-grid-1 {
| |
| display: grid !important;
| |
| grid-template-columns: 1fr !important;
| |
| gap: 20px;
| |
| margin: 20px 0;
| |
| width: 100%;
| |
| }
| |
|
| |
| /* Force les cards enfants à respecter la grille */
| |
| .home-cards-grid-3 > *,
| |
| .home-cards-grid-2 > *,
| |
| .home-cards-grid-1 > * {
| |
| width: 100% !important;
| |
| max-width: none !important;
| |
| margin: 0 !important;
| |
| }
| |
|
| |
| /* ====================================
| |
| RESPONSIVE
| |
| ==================================== */
| |
|
| |
| /* Tablette : 3 colonnes → 2 colonnes */
| |
| @media (max-width: 1024px) {
| |
| .home-cards-grid-3 {
| |
| grid-template-columns: repeat(2, 1fr) !important;
| |
| }
| |
| }
| |
|
| |
| /* Mobile : tout passe en 1 colonne */
| |
| @media (max-width: 768px) {
| |
| .home-cards-grid-2,
| |
| .home-cards-grid-3 {
| |
| grid-template-columns: 1fr !important;
| |
| }
| |
| } | | } |
|
| |
|
