« Modèle:SocialButton/styles.css » : différence entre les versions

Navigation interactive dans l’historique

← Modification précédente

@@ Ligne 79 : / Ligne 79 : @@
 /* Tailles */
 .sb-icon{ width: 45px; height: 45px; }
+.sb-btn.button-link--tiktok img{
+  transform: scale(1.8);
+  transform-origin: center;
+}
 /* Support : base */
@@ Ligne 127 : / Ligne 132 : @@
 .sb-buttons--support .sb-btn.sb-support{
    flex: 0 0 auto;
-   width: 172px;          /* légèrement + large pour stabiliser la colonne */
+   width: 140px;          /* légèrement + large pour stabiliser la colonne */
    height: 45px;
 }
@@ Ligne 388 : / Ligne 393 : @@
 .sb-counters .mw-clipboard-button{
    display: none !important;
+}
+/* =========================================
+   Séparateurs verticaux entre les 3 sections
+   ========================================= */
+.sb-buttons--icons,
+.sb-buttons--support{
+  position: relative;
+}
+/* barre après Réseaux */
+.sb-buttons--icons::after{
+  content: "";
+  display: block;
+  width: 2px;
+  height: 36px;                 /* ajuste si tu veux plus/moins haut */
+  background: #000;
+  border-radius: 2px;
+  margin: 0 14px;               /* espace autour de la barre */
+}
+/* barre après HelloAsso */
+.sb-buttons--support::after{
+  content: "";
+  display: block;
+  width: 2px;
+  height: 36px;
+  background: #000;
+  border-radius: 2px;
+  margin: 0 14px;
+}
+/* sur mobile (wrap), on enlève pour éviter des barres perdues */
+@media (max-width: 900px){
+  .sb-buttons--icons::after,
+  .sb-buttons--support::after{
+    display: none;
+  }
 }