reordering files

resources/css/pages/archive-portfolio.css

@@ -0,0 +1,123 @@
+.portfolio-archive {
+	@apply !pt-32;
+}
+.portfolio-archive,
+.old-projects {
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		/* @apply bigCaslon; */
+		&:before {
+			@apply content-none;
+		}
+	}
+
+	p,
+	span {
+		font-family: "Montserrat", sans-serif;
+		@apply text-sm leading-relaxed;
+	}
+	strong {
+		@apply font-semibold;
+	}
+}
+
+.portfolio-project-card {
+	@apply mx-auto px-12 pt-32;
+	max-width: 1800px;
+
+	&__cover {
+		@apply bg-neutral-100 block overflow-hidden;
+		img {
+			@apply mix-blend-multiply object-cover object-center w-full;
+			transition: transform 0.3s ease-in-out;
+		}
+		/* &:hover {
+			img {
+				transform: scale(1.02);
+			}
+		} */
+	}
+	&--active {
+		.portfolio-project-card__cover:hover {
+			img {
+				transform: scale(1.02);
+			}
+		}
+	}
+	&__details {
+		@apply grid   md:grid-cols-2;
+
+		.client-name {
+			@apply pt-4 text-lg font-normal underline underline-offset-4;
+		}
+		.excerpt {
+			@apply pt-4;
+			h3 {
+				@apply text-xl;
+				/* @apply bigCaslon text-4xl; */
+				/* @apply bigCaslon text-4xl; */
+			}
+			p {
+				@apply text-sm text-neutral-500 pb-0 mb-0;
+			}
+		}
+		.terms {
+			@apply flex gap-2;
+		}
+	}
+	.cta--read-project {
+		@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{
+			@apply text-xs font-medium;
+			text-decoration: none;
+			transition: all 0.4s ease-in-out;
+			@apply mr-0;
+		}
+
+		img {
+			@apply w-6 h-6 opacity-0  absolute right-6 -translate-x-8;
+			filter: invert(1);
+		}
+		&:hover{
+			/* background-color: #0033DA; */
+		@apply bg-deli-pink;
+
+		span{
+			@apply mr-8;
+		}
+		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',
+	'motiondesign' => '#21D5F5',
+	'video' => '#21D5F5',
+); */

resources/css/pages/portfolio.css

@@ -1,5 +0,0 @@
-.project-card {
-	@apply max-w-screen-2xl mx-auto;
-}
-
-

resources/css/pages/single-portfolio.css

@@ -17,7 +17,7 @@
 	p,
 	span {
 		font-family: "Montserrat", sans-serif;
-		@apply text-sm leading-relaxed;
+		@apply text-xs leading-relaxed;
 	}
 	strong {
 		@apply font-semibold;
@@ -29,6 +29,14 @@
 	}
 
 	h2 {
-		@apply text-5xl pb-6;
+		@apply text-4xl pb-6 !font-bold;
+		font-size: 2.5rem;
 	}
+	/* & + *:not(.simple-screen) {
+		@apply xl:mt-32;
+	} */
+}
+
+.chapter-section + .peertube-integration {
+	@apply mt-8;
 }