home page slider css et module central

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

@@ -1,3 +1,16 @@
+.slick-list{
+}
+.path-frontpage{
+	.block-region-content{
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0,1fr));
+		align-items: center;
+		.views-element-container{
+			grid-column: 1 / span 3;
+			// overflow: hidden;
+		}
+	}
+}
 
 .last-news, .last-ressources{
 	.slick-slide{
@@ -61,9 +74,15 @@
 		}
 	}
 }
-
+.main_logo{
+	height: 7rem;
+	// background: red;
+	background: center / contain no-repeat url(../images/popsu-home-logo.png);
+	margin: -5rem 0 3rem 0;
+}
 .about{
-	background: $lightblue;
+	box-shadow: inset 0 17rem 18rem white;
+	background: $trame;
 	text-align: center;	
 	padding: 18rem 0 3rem 0;
 	margin-top: -15rem;
@@ -88,7 +107,7 @@
 }
 
 #home_blocks-block_3{
-	background:  $lightblue;
+	background: $trame;
 	padding: 2rem;
 	h2{
 		text-align: center;
@@ -154,5 +173,116 @@
 				// margin-bottom: 1rem;
 			}
 		}
+	
 	}
+}
+#villes-block_1{
+	grid-column: 1;
+}
+#home_themes-block_1{
+	grid-column: 2;
+}
+#programmes-block_4{
+	grid-column: 3;
+}
+.home_info_container{
+	height: auto;
+	min-height: 5rem;
+	display: none;
+	grid-column: 1 / span 3;
+}
+#home_prog_container{
+	display: grid;
+	grid-template-columns: repeat( 3, 1fr);
+
+
+}
+#home_theme_container{
+	.slick-slide{
+		// margin: 0 1rem;
+		
+	}
+	.slick-arrow{
+		position: absolute;
+		height: 100%;
+		cursor: pointer;
+		z-index: 100;
+		background-color: white;
+		opacity: 0;
+		transition: opacity 250ms;
+		width: 10%;
+		&:hover{
+			opacity: .5;
+		}
+	}
+	.slick-next{
+		right: 0;
+		top: 0;
+	}
+	.views-row{
+		background-clip: content-box;
+		background-color: grey;
+		height: 10rem;
+		width: 10rem !important;
+		position: relative;
+		
+		
+	}
+	.views-field-title{
+		display: grid;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		z-index: 10;
+		position: absolute;
+		text-align: center;
+		align-items: center;
+		padding: .8rem 1rem;
+		font-size: $font-medium;
+		font-weight: 600;
+		color: white;
+		a{
+			margin-top: -.5rem;
+			text-decoration: none;
+		}
+
+	}
+	.views-field-field-image{
+		
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		img{
+			width: 100%;
+			height: auto;
+		}
+	}
+}
+
+#villes-block_1, #home_themes-block_1, #programmes-block_4{
+	
+	header{
+		text-align: center;
+		font-family: 'duke';
+		font-size: $font-extra;
+		line-height: 1;
+		opacity: .3; 
+		cursor:pointer;
+		.arrow{
+			font-size: $font-large;
+			display: block;
+			margin-top: -1rem;
+		}
+		&.active{
+			opacity: 1;
+			font-size: 4rem;
+		}
+	}
+	.views-row,.leaflet-container{
+		display: none;
+	}
+	
 }