« Modèle:SocialButton/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
test d'ajout des compteurs mediawiki Balise : Révoqué |
||
| Ligne 228 : | Ligne 228 : | ||
.sb-spacer{ display: none; } | .sb-spacer{ display: none; } | ||
.sb-buttons{ flex-wrap: wrap; } | .sb-buttons{ flex-wrap: wrap; } | ||
} | |||
/* ========================================= | |||
COMPTEURS (droite) | |||
========================================= */ | |||
.sb-counters{ | |||
display: flex; | |||
align-items: center; | |||
gap: 10px; | |||
white-space: nowrap; | |||
} | |||
.sb-counter{ | |||
display: flex; | |||
align-items: baseline; | |||
gap: 6px; | |||
padding: 10px 12px; | |||
border-radius: 12px; | |||
background: rgba(0,0,0,.06); | |||
box-shadow: 0 2px 8px rgba(0,0,0,.06); | |||
} | |||
.sb-counter__num{ | |||
font-weight: 800; | |||
font-size: 1.05rem; | |||
color: #000; | |||
line-height: 1; | |||
} | |||
.sb-counter__label{ | |||
font-weight: 600; | |||
font-size: .85rem; | |||
color: rgba(0,0,0,.70); | |||
line-height: 1; | |||
} | |||
/* Responsive : on évite le décalage bizarre quand ça wrap */ | |||
@media (max-width: 900px){ | |||
.sb-counters{ | |||
width: 100%; | |||
justify-content: flex-start; | |||
} | |||
} | } | ||