actualité et évenement + page archive v0

web/themes/custom/popsu/sass/pages/_archives.scss

@@ -0,0 +1,53 @@
+.path-archives{
+	
+	.content_container{
+		&>div>h2{
+			text-align: center;
+		}
+		.views-element-container{
+			
+			&>div{
+				display: grid;
+				grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
+				grid-column-gap: 2rem;
+				grid-row-gap: 1rem;
+				
+				header{
+					grid-column: 1 / span 5;
+					text-align: center;
+				}
+				nav{
+					grid-column: 1 / span 5;
+					text-align: center;
+				}	
+				.views-row:first-of-type{
+					grid-column: 2;
+				}
+				.views-row:nth-of-type(3n+1){
+					grid-column: 2;
+				}
+				.views-row{
+					background: red;
+				}
+				// mise en page temporaire
+				// article{
+				// 	display: grid;
+				// 	h2{
+				// 		grid-row: 2;
+				// 	}
+				// 	&>div{
+				// 		grid-row: 1;
+				// 		display: grid;
+				// 		div:nth-child(2){
+				// 			grid-row: 1;
+				// 		}
+				// 		div:nth-child(1){
+				// 			grid-row: 2;
+				// 		}
+				// 	}
+					
+				// }
+			}
+		}
+	}
+}