« Modèle:Bandeau/styles.css » : différence entre les versions
De Nefald
Autres actions
mAucun résumé des modifications |
m icone centrée et agrandie |
||
| Ligne 5 : | Ligne 5 : | ||
.bandeau { | .bandeau { | ||
display: flex; | display: flex; | ||
align-items: | align-items: center; /* Centrage vertical */ | ||
gap: | gap: 16px; | ||
padding: | padding: 16px 20px; | ||
border-radius: 6px; | border-radius: 6px; | ||
border-left: 4px solid; | border-left: 4px solid; | ||
| Ligne 21 : | Ligne 21 : | ||
.bandeau-icon { | .bandeau-icon { | ||
font-size: | font-size: 28px; /* Icône plus grande */ | ||
font-weight: 700; | font-weight: 700; | ||
flex-shrink: 0; | flex-shrink: 0; | ||
line-height: 1 | line-height: 1; | ||
/* Supprimer TOUT style de boîte */ | /* Supprimer TOUT style de boîte */ | ||
background: none !important; | background: none !important; | ||
| Ligne 231 : | Ligne 230 : | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
.bandeau { | .bandeau { | ||
gap: | gap: 12px; | ||
padding: | padding: 14px 16px; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
} | } | ||
.bandeau-icon { | .bandeau-icon { | ||
font-size: | font-size: 24px; | ||
} | } | ||