page ressources v0

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

@@ -1,5 +1,4 @@
 article{
-
     h2{
         font-family: "trueno";
         font-weight: 600;

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

@@ -0,0 +1,77 @@
+.path-centre-de-ressources{
+	background-color: rgb(242, 246, 252);
+	.content_container{
+		&>div>h2:first-child{
+			text-align: center;
+		}
+	}
+	
+	form{
+		display: grid;
+		grid-template-columns: 10% repeat(4, 20%);
+		&>div:first-child{
+			grid-column-start: 2;
+		}
+		select{
+			display: inline-block;
+			width: auto;
+			width: 100%;
+			font-size: $font-normal;
+			padding: .3rem .1rem;
+			height: auto;
+		}
+		div{
+			display: inline-block;
+			width: auto;
+			padding: .5rem 1rem;
+		}
+	}
+	.views-view-grid{
+		.views-row{
+			display: grid;
+			grid-template-columns: 10% 20% 20% 20% 20% 10%;
+			.views-col:first-child{
+				grid-column-start: 2;
+			}
+		}
+		.views-col{
+			a{
+				text-decoration: none;	
+			}
+			background-color: rgb(255, 255, 255);
+			background-clip: content-box;
+			width: 100% !important;
+			padding: .3rem;
+			.views-field:not(:first-child){
+				padding: 0 0 0 .4rem;
+			}
+			.views-field-field-programme{
+				font-weight: 600;
+				display: inline-block;
+				width: auto;
+				color: white;
+				background: red;
+				padding: .15rem .3rem;
+				margin-bottom: 1rem;
+			}
+			.views-field-field-type-de-ressource{
+				text-transform: uppercase;
+				font-size: 500;
+				margin-bottom: .5rem;
+			}
+			.views-field-title{
+				font-style: italic;
+				
+			}
+			.views-field-field-sous-titre{
+				margin-bottom: 1rem;
+			}
+			.views-field-field-theme{
+				font-size: $font-small;
+			}
+		}
+
+	}
+	
+}
+

web/themes/custom/popsu/sass/pages/partials/_header_footer.scss

@@ -1,6 +1,7 @@
 //header
 #header-top{
 	height: 3rem;
+    background: white;
 }
 .header_top_left_container{
 	height: 100%;
@@ -153,6 +154,10 @@
 	}
 }
 
+
+footer{
+    background: white;
+}
 #footer-bottom{
     padding: 2rem 0;
 	*{

web/themes/custom/popsu/sass/setup/_layouts.scss

@@ -0,0 +1,4 @@
+// .layout--threecol-25-50-25{
+// 	display: grid;
+// 	grid-template-columns: 25% 50% 25%;
+// }

web/themes/custom/popsu/sass/setup/_variables.scss

@@ -2,6 +2,7 @@ $font-extra: 2.3rem;
 $font-big: 1rem;
 $font-medium: .8rem;
 $font-normal: .6rem;
+$font-small: .45rem;
 
 $col-met: red; 
 $col-eur: blue;

web/themes/custom/popsu/sass/styles.scss

@@ -18,12 +18,14 @@
 @import "../node_modules/slick-carousel/slick/slick.scss";
 //import "../node_modules/slick-carousel/slick/slick-theme.scss";
 //@import "foundation";
-//@import "mixins";
+
 @import "setup/variables";
 @import "setup/fonts";
 @import "setup/globals";
+@import "setup/layouts";
 
 /*pages*/
 @import "pages/partials/header_footer";
 @import "pages/home";
+@import "pages/ressources";
 @import "pages/default";