css/app.css

@@ -134,7 +134,6 @@
 	.portfolio-single h4,
 	.portfolio-single h5,
 	.portfolio-single h6 {
-  letter-spacing: 0em;
   font-family: "big-caslon-fb", serif;
 }
 
@@ -343,12 +342,10 @@
 }
 
 .portfolio-project-card .cta--read-project:hover{
-  background-color: var(--hover-color);
-}
-
   /* background-color: #0033DA; */
-
+  --tw-bg-opacity: 1;
-/* @apply bg-deli-pink; */
+  background-color: rgb(233 25 105 / var(--tw-bg-opacity, 1));
+}
 
 .portfolio-project-card .cta--read-project:hover span{
   margin-right: 2rem;
@@ -358,7 +355,7 @@
   --tw-translate-x: 0px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   opacity: 1;
-  transition: opacity 0.6s ease-in-out, translate 0.4s ease-in-out;
+  transition: opacity .6s ease-in-out, translate 0.4s ease-in-out;
 }
 
 /* $couleur = array(

resources/css/pages/archive-portfolio.css

@@ -76,9 +76,11 @@
 		transition: all 0.3s ease-in-out;
 		text-decoration: none;
 		
+
 		/* background-color: #34113F; */
 		/* background-color: #0033DA; */
 
+
 		span{
 			@apply text-xs font-medium;
 			text-decoration: none;
@@ -91,21 +93,28 @@
 			filter: invert(1);
 		}
 		&:hover{
-			background-color: var(--hover-color);
 			/* background-color: #0033DA; */
-			/* @apply bg-deli-pink; */
+		@apply bg-deli-pink;
 
 		span{
 			@apply mr-8;
 		}
 		img{
 			@apply opacity-100 translate-x-0;
-				transition: opacity 0.6s ease-in-out, translate 0.4s ease-in-out;
+			transition: opacity .6s ease-in-out, translate 0.4s ease-in-out;
 		}
 		}
+		
+
+
+
+	
+
 	}
 }
 
+
+
 /* $couleur = array(
 	'web' => '#1CC7C7',
 	'print' => '#C14FE3',

resources/css/pages/single-portfolio.css

@@ -8,8 +8,7 @@
 	h4,
 	h5,
 	h6 {
-		@apply bigCaslon  tracking-normal;
+		@apply bigCaslon;
-
 		&:before {
 			@apply content-none;
 		}

templates/template-portfolio.php

@@ -23,8 +23,6 @@ $currentPageId = get_the_ID();
             $excerpt = get_the_excerpt();
             $clientName = get_field('client_name', $portfolio_post->ID);
             $terms = get_the_terms($portfolio_post->ID, 'project_type');
-            $projectColor = get_field('project_color', $portfolio_post->ID);
-
 
             ?>
             <div class="portfolio-project-card portfolio-project-card--active">
@@ -45,8 +43,7 @@ $currentPageId = get_the_ID();
                     <div class='excerpt'>
                         <h3><?php the_title(); ?></h3>
                         <p><?php echo $excerpt ?></p>
-
+                        <a class="cta--read-project" href="<?php the_permalink(); ?>">
-                        <a class="cta--read-project" style="--hover-color: <?php echo esc_attr($projectColor); ?>;" href="<?php the_permalink(); ?>">
                             <span>Voir le projet</span>
                         <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/graphic-assets/arrow-see-project.svg" alt="Voir le projet">
                         </a>