est-ensemble: add initial theme (#74222)

static/est-ensemble/_custom.scss

@@ -0,0 +1,51 @@
+body {
+	border-left: 0;
+	&.has-header-background {
+		#header {
+			height: 241px;
+			background-position: center;
+		}
+	}
+}
+
+div#main-content-wrapper {
+	@media ($max-mobile-viewport) {
+		margin-top: 5px;
+	}
+	h1 {
+		color: $ee-red;
+		padding-left: 20px;
+		border-left: solid 3px #d0043c;
+		font-size: 2em;
+	}
+}
+
+div.gru-nav {
+	.gru-nav-button {
+		position: absolute;
+		&.toggled {
+			position: fixed;
+		}
+	}
+	.menu {
+		@media (min-width: $nav-mobile-limit + 1) {
+			margin-top: 3px;
+			border-bottom: solid 5px #D1D3D4;
+		}
+
+		&--link {
+			text-transform: uppercase;
+			font-size: 22px;
+			font-weight: normal;
+		}
+	}
+	.submenu {
+		&--item {
+			border-top: solid 1px #fff;
+		}
+
+		&--link:hover {
+			background: $ee-red-1;
+		}
+	}
+}

static/est-ensemble/_vars.scss

@@ -0,0 +1,63 @@
+$primary-color: #4d4d4d;
+$font-color: #4d4d4d;
+$font-family: "Din", sans-serif;
+
+$width: 1440px;
+
+$ee-red: #d0043c;
+$ee-red-1: #90002d;
+
+$link-color: $primary-color;
+
+$header-full-width-background: false;
+$header-logo-size: 280px 160px;
+
+$footer-background: #DDDDDD;
+$footer-color: #000;
+
+$nav-color: $primary-color;
+$nav-item-hover-color: white;
+$nav-item-hover-background: $ee-red;
+$nav-item-selected-background: transparent;
+$nav-item-selected-color: $ee-red;
+
+$nav-submenu-background: $ee-red;
+
+$responsive-menu: left-to-right;
+$responsive-menu-mask: true;
+$nav-button-color: $ee-red;
+$nav-border-color: $ee-red;
+$nav-button-background: transparent;
+
+$nav-mobile-bottom-bar-background: $ee-red;
+$nav-mobile-bottom-bar-color: white;
+$nav-mobile-bottom-bar-item-selected-color: white;
+$nav-mobile-bottom-bar-item-hover-background: $ee-red-1;
+$nav-mobile-bottom-bar-item-selected-background: $ee-red-1;
+
+
+$buttons-order: cancel (grow), previous, submit;
+$cancel-button-style: "%inverted-button";
+
+$title-background: transparent;
+$title-color: #234a6b;
+$title-transform: uppercase;
+$title-font-size: 1.3rem;
+
+$cell-image-position: top;
+$cell-entry-hover-color: $ee-red;
+$cell-entry-hover-background: transparent;
+$cell-border: 1px solid #dedede;
+$cell-border-radius: 4px;
+
+$button-background: $ee-red;
+$button-color: white;
+$button-border-radius: 4px;
+
+$widget-unique-checkbox-position: left;
+$widget-focus-background: #f1f1f1;
+$widget-focus-border: 1px solid #666;
+
+$link-decoration: underline;
+
+$wcs-step-current-color: $ee-red;

static/est-ensemble/config.json

@@ -0,0 +1,16 @@
+{
+  "label": "Est-Ensemble",
+  "variables": {
+    "theme_color": "#4d4d4d",
+    "email_header_asset": "emails:logo"
+  },
+  "settings": {
+    "combo": {
+      "COMBO_ASSET_SLOTS.update": {
+        "header:background": {"label": "Têtière : image de fond"},
+        "header:logo": {"label": "Têtière : logo"},
+        "emails:logo": {"label": "Emails : logo"}
+      }
+    }
+  }
+}

static/est-ensemble/style.scss

@@ -0,0 +1,6 @@
+@charset "UTF-8";
+@import '../includes/fonts/din';
+
+@import 'vars';
+@import '../includes/publik';
+@import 'custom';