berreletang: add theme (#62010)

static/berreletang/_custom.scss

@@ -0,0 +1,30 @@
+#header #top #logo a {
+	height: 100px;
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
+
+#nav-wrapper {
+	background: $nav-background;
+	border-top: 1px solid #EAEAEA;
+	border-bottom: 1px solid #EAEAEA;
+	margin-bottom: 10px;
+	div#nav > ul > li > a {
+		border-radius: $border-radius;
+	}
+}
+
+@media screen and ($max-mobile-viewport) {
+	#header #top #logo a {
+		display: block;
+		height: 75px;
+		overflow: hidden;
+	}
+}
+
+#footer-wrapper {
+	background: url('img/pattern-bleu.gif') top right repeat;
+	a:hover {
+		color: black;
+	}
+}

static/berreletang/_vars.scss

@@ -0,0 +1,33 @@
+$primary-color: #23a4bd;
+
+$border-radius: 4px;
+$width: 1160px;
+
+$font-color: #666;
+$font-family: "Source Sans Pro", sans-serif;
+$font-size: 0.938em;
+
+$nav-background: #fafafa;
+$nav-mobile-mode: bottom-bar;
+$nav-submenu-background: #eee;
+$nav-submenu-color: #333;
+$nav-color: $font-color;
+$nav-active-color: $primary-color;
+$nav-item-selected-color: white;
+$nav-item-hover-color: white;
+
+$widget-focus-border: 1px solid $primary-color;
+$widget-focus-outline: 2px solid $primary-color;
+
+$button-background: $primary-color;
+$button-focus-outline-offset: 1px;
+
+$title-background: $primary-color;
+$title-color: white;
+
+$cell-image-position: top;
+$cell-image-padding: none;
+
+$footer-background: $primary-color;
+$footer-color: white;
+$footer-link-color: white;

static/berreletang/config.json

@@ -0,0 +1,14 @@
+{
+  "label": "Berre-l’Étang",
+  "variables": {
+    "theme_color": "#23a4bd"
+  },
+  "settings": {
+    "combo": {
+      "COMBO_ASSET_SLOTS.update": {
+        "header:background": { "label": "Têtière : fond" },
+        "header:logo": { "label": "Têtière : logo" }
+      }
+    }
+  }
+}

static/berreletang/style.scss

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