montreuil: get header and logo from assets (#32591)

static/montreuil/_custom.scss

@@ -10,21 +10,17 @@
 	}
 }
 
+body.has-header-background header {
+	background-position: bottom center;
+}
+
 div#header-wrapper {
-	background: url('img/header.jpg') no-repeat;
-	background-size: cover;
 	height: 230px;
 	border-top: 44px solid $primary-color;
-	@media screen and (max-width: $nav-mobile-limit) {
-		margin-bottom: 10px;
-		height: 150px;
-	}
 	h1#logo a {
-		background: url('img/logo.png') no-repeat;
 		display: block;
 		text-indent: -9999px;
-		height: 150px;
-		background-size: contain;
+		height: 115px;
 	}
 }
 
@@ -77,6 +73,9 @@ div.gru-nav {
 }
 
 .gru-content {
+	@media screen and (max-width: $mobile-limit) {
+		margin-top: 10px;
+	}
 	div.wcsformsofcategorycell {
 		border: 0;
 		picture img {

static/montreuil/_vars.scss

@@ -30,6 +30,8 @@ $nav-mobile-bottom-bar-item-selected-background: $secondary-color;
 $title-background: $primary-color;
 $title-color: $white;
 
+$top-logo-width: -40px;
+
 $widget-focus-border: 1px solid $secondary-color;
 
 $cell-border: 1px solid $secondary-color;

static/montreuil/config.json

@@ -13,6 +13,10 @@
         "picture": {
           "prefix": "Image"
         }
+      },
+      "COMBO_ASSET_SLOTS.update": {
+        "header:background": { "label": "Têtière : fond" },
+        "header:logo": { "label": "Têtière : logo" }
       }
     }
   }