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

Navigation interactive dans l’historique

← Modification précédente

@@ Ligne 8 : / Ligne 8 : @@
 . NAVIGATION CARDS
 . LAYOUT PRINCIPAL
+b. CADRES
 . FEATURED ARTICLES
 . UPDATES
@@ Ligne 83 : / Ligne 84 : @@
 .home-header__logo {
-     max-width: 300px;
+     max-width: 400px;
      height: auto;
      margin-bottom: 1.5rem;
@@ Ligne 335 : / Ligne 336 : @@
      gap: 1.5rem;
      align-content: start;
+}
+/* ====================================
+B. CADRES MODULES (Featured, Stats, etc.)
+   ==================================== */
+.home-featured,
+.home-updates,
+.home-stats,
+.home-social,
+.home-links {
+    background: var(--color-surface-0);
+    border: 1px solid var(--border-color-base);
+    border-radius: var(--radius-lg);
+    padding: 1.5rem;
+    transition: border-color 0.3s ease;
+}
+.home-featured:hover,
+.home-updates:hover,
+.home-stats:hover,
+.home-social:hover,
+.home-links:hover {
+    border-color: var(--color-primary);
+}
+/* Titres des sections */
+.home-featured__title,
+.home-updates__title,
+.home-stats__title,
+.home-social__title,
+.home-links__title {
+    font-size: 1.25rem;
+    font-weight: 700;
+    color: var(--color-base);
+    margin-bottom: 1.5rem;
+    padding-bottom: 0.75rem;
+    border-bottom: 2px solid var(--border-color-base);
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+.home-featured__title::before {
+    content: '⭐';
+    font-size: 1.25rem;
+}
+.home-updates__title::before {
+    content: '📰';
+    font-size: 1.25rem;
+}
+.home-stats__title::before {
+    content: '📊';
+    font-size: 1.25rem;
+}
+.home-social__title::before {
+    content: '💬';
+    font-size: 1.25rem;
+}
+.home-links__title::before {
+    content: '🔗';
+    font-size: 1.25rem;
 }
@@ Ligne 534 : / Ligne 601 : @@
 .home-stats__number {
-     font-size: 2.5rem;
+     font-size: 1.5rem;
      font-weight: 700;
      color: var(--color-primary);
@@ Ligne 551 : / 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 648 : / 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;
 }