#1528 #1497

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

@@ -18,7 +18,7 @@
 						margin : 1rem 0;
 					}
 				}
-				article{
+				.views-row{
 					h2{
 						// color: white;
 						padding: 0;
@@ -58,247 +58,217 @@
 				}
 			}
 			#actus_blocks-block_2{
-						
 				.programme-1{
-					article{
-						
-						background: $col-1 !important;
-						.field_programme{
-							color: $col-1;
-						}
+					
+					.views-field{
+						background: $col-1;
+					}
+						.views-field-field-programme{
+							color: $col-1 !important;
+	
 					}
 					
 				}
 				.programme-2{
-					article{
-						background: $col-2 !important;
-						.field_programme{
-							color: $col-2;
-						}
+					.views-field{
+						background: $col-2;
 					}
+						.views-field-field-programme{
+							color: $col-2 !important;
+						}
+					
 				}
 				.programme-3{
-					article{
-						background: $col-eur !important;
-						.field_programme{
-							color: $col-eur;
-						}
+					.views-field{
+						background: $col-eur;
 					}
+						.views-field-field-programme{
+							color: $col-eur !important;
+						}
+					
 				}
 				.programme-4{
-					article{
+					.views-field{
 						background: $col-1;
-						.field_programme{
-							color: $col-1;
-						}
 					}
+						.views-field-field-programme{
+							color: $col-1 !important;
+						}
+					
 					
 				}
 				.programme-5{
-					article{
-						background: $col-mond !important;
-						.field_programme{
-							color: $col-mond;
-						}
+					.views-field{
+						background: $col-mond;
 					}
+						.views-field-field-programme{
+							color: $col-mond !important;
+						}
+					
 					
 				}
 				.programme-6{
-					article{
-						background: $col-ter !important;
-						.field_programme{
-							color: $col-ter;
-						}
+					.views-field{
+						background: $col-ter;
 					}
+						.views-field-field-programme{
+							color: $col-ter !important;
+						}
+					
 					
 				}
 				.programme-7{
-					article{
-						background: $col-met !important;
-						.field_programme{
-							color: $col-met;
-						}
+					.views-field{
+						background: $col-met;
 					}
+						.views-field-field-programme{
+							color: $col-met !important;
+						}
+					
 					
 				}
 				.slick-slide{
 					margin: 0 1rem;
 					padding: 0;
 				}
-				article{
-					// 
-					&>div{
-						overflow: hidden;
-						display: grid;
-						grid-column: 1 / span 2;
+				.views-row{
+					overflow: hidden;
 
-						.field_programme{
-							grid-row: 1;
-							z-index: 10;
-						}
-						
-						.field_sous_titre{
-							grid-row: 3;
-							margin: .5rem 1rem !important;
-						}
-					}
-					color:white;
-					h2{
-						color: white;
-						margin: 0 1rem 1rem 1rem;
-					}
-					.field_programme{
-						display: block;
-						a{
-							background: white;
-							display: inline-block;
-							width: auto;
-							text-decoration: none;
-							font-weight: 600;
-							text-transform: uppercase;
-							padding: .3rem .3rem 0 .3rem;
-						}
-					}
 				}
 			}
 			#actus_blocks-block_1{
 				.slick-slide{
 					margin: 0 1rem;
 					padding: 0;
+					
 				}
 
-				.slick-slide{
-					// background: white;
-				}
 				.programme-1{
-					article, h2{
-						
+
 						color: $col-1 !important;
-					}
-					.field_programme{
-						a{
-							background: $col-1;
-						}
+					
+					.views-field-field-programme{
+						
+						background: $col-1;
+						
 					}
 					
 				}
 				.programme-2{
-					article, h2{
-						color: $col-2 !important;
-					}
-					.field_programme{
-						a{
-							background: $col-2;
-						}
+					
+					color: $col-2 !important;
+					
+					.views-field-field-programme{
+						
+						background: $col-2;
+						
 					}
 				}
 				.programme-3{
-					article, h2{
-						color: $col-eur !important;
-					}
-					.field_programme{
-						a{
-							background: $col-eur;
-						}
+					
+					color: $col-eur !important;
+					
+					.views-field-field-programme{
+						
+						background: $col-eur;
+						
 					}
 				}
 				.programme-4{
-					article, h2{
-						color: $col-1;
-					}
-					.field_programme{
-						a{
-							background: $col-1;
-						}
+
+					color: $col-1;
+
+					.views-field-field-programme{
+						
+						background: $col-1;
+					
 			
 					}
 					
 				}
 				
 				.programme-5{
-					article, h2{
-						color: $col-mond !important;
-					}
-					.field_programme{
-						a{
-							background: $col-mond;
-						}
+
+					color: $col-mond !important;
+
+					.views-field-field-programme{
+						background: $col-mond;
+						
 					}
 					
 				}
 				.programme-6{
-					article, h2{
-						color: $col-ter !important;
-					}
-					.field_programme{
-						a{
-							background: $col-ter;
-						}
+
+					color: $col-ter !important;
+					
+					.views-field-field-programme{
+						
+						background: $col-ter;
+						
 					}
 					
 				}
 				.programme-7{
-					article, h2{
-						color: $col-met !important;
-					}
-					.field_programme{
-						a{
+
+					color: $col-met !important;
+					
+					.views-field-field-programme{
+						
 						background: $col-met;
-						}
+					
 					}
 					
 				}
-				article{
-					// 
+				.views-field{
 					background: white;
-					&>div:first-of-type{
-						display: grid;
-						grid-column: 1 / span 2;
-						overflow: hidden;
-						div:not(.field_image){
-							// margin: 0 1rem;
-						}
-						.field_programme{
-							grid-row: 1;
-							z-index: 10;
-						}
-
-						.field_dates_actu{
-							grid-row: 3;
-							margin: .5rem 1rem;
-						}
-						.field_sous_titre{
-							grid-row: 4;
-							margin: 0rem 1rem;
-						}
-					}
-					// color:white;
-					h2{
-						// color: white;
-						margin: 0 1rem 1rem 1rem;
-						margin: .5rem 1rem !important;
-					}
-					.field_programme{
-						display: block;
-						a{
-							color: white;
-							display: inline-block;
-							width: auto;
-							text-decoration: none;
-							font-weight: 600;
-							text-transform: uppercase;
-							padding: .3rem .3rem 0 .3rem;
-						}
-					}
 				}
+				// article{
+				// 	// 
+				// 	background: white;
+				// 	&>div:first-of-type{
+				// 		display: grid;
+				// 		grid-column: 1 / span 2;
+				// 		overflow: hidden;
+				// 		div:not(.field_image){
+				// 			// margin: 0 1rem;
+				// 		}
+				// 		.field_programme{
+				// 			grid-row: 1;
+				// 			z-index: 10;
+				// 		}
+
+				// 		.field_dates_actu{
+				// 			grid-row: 3;
+				// 			margin: .5rem 1rem;
+				// 		}
+				// 		.field_sous_titre{
+				// 			grid-row: 4;
+				// 			margin: 0rem 1rem;
+				// 		}
+				// 	}
+				// 	// color:white;
+				// 	h2{
+				// 		// color: white;
+				// 		margin: 0 1rem 1rem 1rem;
+				// 		margin: .5rem 1rem !important;
+				// 	}
+				// 	.field_programme{
+				// 		display: block;
+				// 		a{
+				// 			color: white;
+				// 			display: inline-block;
+				// 			width: auto;
+				// 			text-decoration: none;
+				// 			font-weight: 600;
+				// 			text-transform: uppercase;
+				// 			padding: .3rem .3rem 0 .3rem;
+				// 		}
+				// 	}
+				// }
 			}
 			#actus_blocks-block_1, #actus_blocks-block_2{
-				article{
-					width: 100%;
-					height: 100%;
-					position: absolute;
-				}
-				.views-row{
+
+				.slick-slide > div{
 					padding-bottom: 100%;
 					position: relative;
 				}	
@@ -306,21 +276,48 @@
 					display: none;
 				}
 
-				.views-row article{
-					display: grid;
+				.views-row{
+					text-transform: uppercase;
+					display: grid !important;
+					width: 100%;
+					height: 100%;
+					position: absolute;
 					grid-template-columns: repeat( 2, minmax(0, 1fr));
-					grid-template-rows: 60% 40%;
+
+					.views-field{
+						grid-column: 1 / span 2;
+						
+					}
+					.views-field-field-type-evenement{
+						grid-column: 2 ;
+						grid-row: 3;
+						padding: 0.5rem  1rem 0 0 ;
+					}
+					.views-field-field-date{
+						grid-column: 1;
+						grid-row: 3;
+						padding: 0.5rem 0 0 1rem;
+
+					}
 					
-					// position: relative;
-					// height: auto;
-					.field_programme{
-						margin: 0 0 0 1rem ;
-						display: inline-block;
+					.views-field-field-programme{
+						margin-bottom: -.3rem;
+						grid-row: 1;
+						font-weight: 600;
+						z-index: 10;
+						background: transparent !important;
+						.field-content{
+							background:white;
+							margin: 0 0 0 1rem ;
+							padding: 0 0.2rem;
+							display: inline-block;
+						
+						}
+						background: transparent;
+						
 					}
-					.field_image{
-						/* grid-row: 2; */
+					.views-field-field-image{
 						grid-row: 2;
-						margin-top: -.5rem;
 						max-height: 100%;
 						overflow: hidden;
 						img{
@@ -329,16 +326,23 @@
 							object-fit: cover;
 						}
 					}
-					
-					h2{
-						grid-row: 2;
-						grid-column: 1 / span 2;
+					.views-field-title{
+						font-weight: 600;
+						padding: 0 1rem 0.5rem 1rem;
 					}
-					div:first{
-						grid-row: 1;
-						grid-column: 1 / span 2;
+					.views-field-field-sous-titre{
+						padding: 0 1rem 1rem 1rem;
+
+					}
+					a{
+						display: inline-block;
+						width: auto;
+						text-decoration: none;
 						
+						text-transform: uppercase;
 					}
+					
+
 				}
 			}
 			#home_blocks-block_3{