FEATURE Introducing component

resources/css/app.css

@@ -77,6 +77,7 @@
 @import './pages/archive-actualites.css';
 @import './pages/single-actualites.css';
 @import './pages/page-formulaire-de-depot.css';
+@import './pages/archive-fonds-archives.css';
 
 /* ########### BLOCKS ############ */
 @import './blocks/blocks-spacing.css';

resources/css/blocks/press-ressources.css

@@ -62,7 +62,10 @@
     @apply my-12;
   }
   .contact-datas {
-    @apply grid grid-cols-1 md:grid-cols-3 gap-8;
+    @apply grid grid-cols-1 md:grid-cols-3 gap-8 list-none;
+    li {
+      @apply !list-none;
+    }
     a {
       @apply block mb-1;
     }
@@ -72,6 +75,12 @@
   }
   .download-list {
     @apply mt-16;
+    li {
+      @apply !list-none;
+    }
+    a {
+      @apply no-underline;
+    }
     .list-heading {
       @apply grid gap-4 bg-primary text-white p-4 uppercase tracking-wider;
       grid-template-columns: 4fr 1fr 1fr 1fr;
@@ -93,6 +102,9 @@
         grid-template-columns: 4fr 1fr 1fr 1fr;
         @apply text-primary py-6 items-center;
         @apply grid  gap-4 border-b relative;
+        &:hover {
+          filter: none;
+        }
       }
       .file-name {
         transition: transform 0.3s ease-out;
@@ -100,8 +112,10 @@
       }
 
       &:hover {
+        @apply !text-white !no-underline;
+
         a {
-          @apply text-white;
+          @apply !text-white !no-underline;
         }
         .file-name {
           transform: translateX(10px);
@@ -198,7 +212,17 @@
       @apply sticky top-0;
 
       li.presse-reviews__year {
-        @apply list-none border border-primary border-solid p-6 text-4xl fjalla;
+        @apply !list-none border border-primary border-solid text-4xl fjalla;
+        a {
+          @apply !no-underline block  p-6;
+        }
+
+        &:hover {
+          @apply bg-carhop-green-700 text-white;
+          a {
+            @apply !text-white !no-underline filter-none;
+          }
+        }
       }
       li.presse-reviews__year + li.presse-reviews__year {
         @apply mt-4;

resources/css/components/content-meta.css

@@ -31,6 +31,9 @@
     &--dbmob:before {
       @apply w-4 bg-carhop-red-700;
     }
+    &--fonds-archives:before {
+      @apply w-6 bg-carhop-blue-500 rotate-45;
+    }
   }
 
   &__reading-time {

resources/css/pages/archive-fonds-archives.css

@@ -0,0 +1,15 @@
+.fonds-archives-grid {
+  &__toolbar {
+    .alphabetical-order-select {
+      @apply border-y border-carhop-green-700 py-10;
+      @apply col-span-2;
+
+      .alphabetical-order-select__title {
+        @apply pb-6;
+      }
+      .alphabetical-order-select__list {
+        @apply flex gap-5;
+      }
+    }
+  }
+}

template-parts/compositions/acces-consultation.php

@@ -0,0 +1,9 @@
+	<!-- #### ACCES CONSULTATION #### -->
+	<?php
+	$composition_id = 2425;
+	$acces_consultation_content = get_post_field('post_content', $composition_id);
+
+	if ($acces_consultation_content) {
+		echo do_blocks($acces_consultation_content);
+	}
+	?>

template-parts/compositions/collective-acess.php

@@ -0,0 +1,9 @@
+	<!-- #### COLLECTIVE ACCES #### -->
+	<?php
+	$composition_id = 2429;
+	$collective_acess_content = get_post_field('post_content', $composition_id);
+
+	if ($collective_acess_content) {
+		echo do_blocks($collective_acess_content);
+	}
+	?>

theme.json

@@ -116,17 +116,17 @@
         {
           "slug": "regular",
           "name": "Regular",
-          "size": "1.5rem"
+          "size": "1.125rem"
         },
         {
           "slug": "large",
           "name": "Large",
-          "size": "1.125rem"
+          "size": "1.25rem"
         },
         {
           "slug": "xl",
           "name": "XL",
-          "size": "1.25rem"
+          "size": "1.35rem"
         },
         {
           "slug": "xxl",
@@ -136,7 +136,7 @@
         {
           "slug": "xxxl",
           "name": "3XL",
-          "size": "1.875rem"
+          "size": "2rem"
         },
         {
           "slug": "title-h1",