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

Navigation interactive dans l’historique

← Modification précédente

@@ Ligne 601 : / Ligne 601 : @@
 .home-stats__number {
-     font-size: 2.5rem;
+     font-size: 1.5rem;
      font-weight: 700;
      color: var(--color-primary);
@@ Ligne 618 : / Ligne 618 : @@
     ==================================== */
-.home-social {
-    padding: 1.5rem;
-    background: var(--color-surface-0);
-    border: 2px solid var(--border-color-base);
-    border-radius: var(--radius-xl);
-}
-.home-social__title {
+/* ====================================
-    font-size: 1.25rem;
+   SUPPRESSION DES STYLES CONFLICTUELS
-    font-weight: 700;
+   Les règles suivantes ont été SUPPRIMÉES car elles
-    color: var(--color-base);
+   entraient en conflit avec le modèle ButtonLink :
-    margin-bottom: 1rem;
-}
+   - #home-card-discord, #home-card-patreon, #home-card-gitlab
+   - min-height forcé
-.home-social__grid {
+   - display: flex !important
-    display: grid;
+   - Centrage forcé des images
-    gap: 0.75rem;
-}
+   Le modèle ButtonLink gère maintenant tout automatiquement.
+   ==================================== */
-.home-social-btn {
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-    padding: 0.875rem 1rem;
-    background: var(--color-surface-1);
-    border: 2px solid var(--border-color-base);
-    border-radius: var(--radius-lg);
-    text-decoration: none;
-    color: var(--color-base);
-    font-weight: 600;
-    transition: all 0.3s;
-}
-.home-social-btn:hover {
-    transform: translateX(4px);
-    border-color: currentColor;
-}
-.home-social-btn__icon {
-    font-size: 1.5rem;
-}
-.home-social-btn--discord {
-    color: #5865f2;
-}
-.home-social-btn--patreon {
-    color: #ff424d;
-}
-.home-social-btn--kofi {
-    color: #ff5e5b;
-}
-.home-social-btn--reddit {
-    color: #ff4500;
-}
 /* ====================================
@@ Ligne 715 : / Ligne 671 : @@
      background: var(--color-surface-2);
      border-color: var(--color-primary);
-}
-/* ====================================
-. 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;
 }