refining css

resources/css/pages/archive-portfolio.css

@@ -70,18 +70,16 @@
 		}
 	}
 	.cta--read-project {
-		@apply text-sm block text-white mt-6 mb-0 w-fit ;
+		@apply text-sm block text-white mt-6 mb-0 w-fit;
 		@apply py-3 px-5 hover:px-6 relative rounded-full bg-neutral-900 flex items-center justify-center;
 		box-sizing: content-box;
 		transition: all 0.3s ease-in-out;
 		text-decoration: none;
-		
 
 		/* background-color: #34113F; */
 		/* background-color: #0033DA; */
 
-
-		span{
+		span {
 			@apply text-xs font-medium;
 			text-decoration: none;
 			transition: all 0.4s ease-in-out;
@@ -92,29 +90,22 @@
 			@apply w-6 h-6 opacity-0  absolute right-6 -translate-x-8;
 			filter: invert(1);
 		}
-		&:hover{
+		&:hover {
+			background-color: var(--hover-color);
 			/* background-color: #0033DA; */
-		@apply bg-deli-pink;
+			/* @apply bg-deli-pink; */
 
-		span{
-			@apply mr-8;
+			span {
+				@apply mr-8;
+			}
+			img {
+				@apply opacity-100 translate-x-0;
+				transition: opacity 0.6s ease-in-out, translate 0.4s ease-in-out;
+			}
 		}
-		img{
-			@apply opacity-100 translate-x-0;
-			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,7 +8,8 @@
 	h4,
 	h5,
 	h6 {
-		@apply bigCaslon;
+		@apply bigCaslon  tracking-normal;
+
 		&:before {
 			@apply content-none;
 		}