« Modèle:MiniCard/styles.css » : différence entre les versions
De Nefald
Autres actions
m JS |
Aucun résumé des modifications |
||
| Ligne 3 : | Ligne 3 : | ||
============================================================================= */ | ============================================================================= */ | ||
/* Conteneur de grille - colonnes gérées par JS | /* Conteneur de grille - colonnes gérées par JS */ | ||
.minicard-grid { | .minicard-grid { | ||
display: grid; | display: grid; | ||
gap: 12px; | gap: 12px; | ||
grid-template-columns: repeat( | grid-template-columns: repeat(5, 1fr); | ||
grid-auto-rows: 60px; | grid-auto-rows: 60px; | ||
margin: 0 auto 24px auto; | margin: 0 auto 24px auto; | ||
width: 100%; | width: 100%; | ||
visibility: hidden; | |||
} | |||
.minicard-grid.is-ready { | |||
visibility: visible; | |||
} | } | ||
| Ligne 166 : | Ligne 171 : | ||
} | } | ||
/* Responsive tablette | /* Responsive tablette */ | ||
@media (max-width: 900px) { | @media (max-width: 900px) { | ||
.minicard-grid { | .minicard-grid { | ||