add theme for sens (#35402)

static/sens/_custom.scss

@@ -0,0 +1,144 @@
+@import '../includes/font-bitter';
+@import '../includes/font-worksans';
+
+div#header-wrapper {
+	background: url(img/background.jpg) no-repeat;
+	background-size: auto;
+	background-attachment: fixed;
+	height: 295px;
+	div#header h1 {
+		padding-top: 80px;
+		a {
+			display: block;
+			height: 120px;
+			background: url(img/ville-sens-logo.svg) top left no-repeat;
+			background-position-x: center;
+			text-indent: -1000px;
+			overflow: hidden;
+		}
+	}
+}
+
+div.gru-nav {
+	ul > li a {
+		font-family: "Work Sans", sans-serif;
+		font-size: 19px;
+		font-weight: 600;
+		padding: 0 15px 0px 15px;
+	}
+	li:before {
+		display: block;
+		content: "";
+		border: $nav-item-border;
+		border-top-style: none;
+		border-right-style: none;
+		border-left-style: none;
+		transform: scaleX(0);
+		transition: transform .2s ease-in-out;
+	}
+	li.selected:before {
+		transform: scaleX(1);
+	}
+	li:hover:before {
+		transform: scaleX(1);
+	}
+}
+
+div#nav {
+	padding: 1px 0px 5px 0px;
+	margin-bottom: 1px;
+	text-align: center;
+	& > ul {
+		text-align: left;
+		background: url(img/ville-sens-blason.svg) top left no-repeat;
+		margin: 10px 0px 5px 10px;
+		padding-left: 50px;
+	}
+	@media screen and (max-width: $mobile-limit) {
+		text-align: left;
+		& > ul {
+			background: $tertiary-color;
+		}
+	}
+}
+
+#toplinks {
+	background: $primary-color;
+	border: none;
+	box-shadow: none;
+	border-radius: 0;
+	a {
+		display: inline-block;
+		color: white;
+		font-weight: bold;
+		padding: 10px 10px 15px 10px;
+	}
+}
+
+div.title {
+	font-weight: 600;
+}
+
+span.required {
+	margin-left: 4px;
+	color: #790000
+}
+
+div#footer-wrapper {
+	margin-top: 30px;
+	background: $tertiary-color;
+	div[class*=grid-] {
+		padding-right: 0px;
+	}
+	div.textcell p {
+		margin: 12px 0px 12px 0px;
+	}
+	div.textcell a {
+		color: white;
+		text-decoration: underline;
+	}
+	div.textcell a:hover {
+		text-decoration: none;
+	}
+	div a.yellow-btn {
+		font-family: $title-font-family;
+		font-size: 17px;
+		font-weight: 500;
+		color: black;
+		text-transform: uppercase;
+		text-decoration: none;
+		background: $secondary-color;
+		padding: 15px 20px 15px 20px;
+		border: transparent 1px solid;
+		transition: background 0.2s linear;
+	}
+	div a.yellow-btn:hover {
+		background: white;
+		border: black 1px solid;
+	}
+	p.widget-title {
+		font-size: 19px;
+		font-weight: bold;
+	}
+	li a {
+		display: block;
+		padding: 0.3125em 0;
+	}
+	ul {
+		list-style: none;
+		margin-left: -40px;
+	}
+	img {
+		width: 137px;
+		margin-top: -66px;
+		margin-left: -8px;
+	}
+	@media screen and (max-width: $mobile-limit) {
+		padding-left: 10px;
+		img {
+			width: 72px;
+			margin-top: -46px;
+			margin-left: -1px;
+		}
+	}
+}

static/sens/_vars.scss

@@ -0,0 +1,39 @@
+// colors comes from the logo
+$primary-color: #008cd1;
+$secondary-color: #f8db1c;
+$tertiary-color: #006597;
+
+$cell-border: none;
+$width: 960px;
+
+$nav-background: $tertiary-color;
+$nav-item-selected-mode: none;
+$nav-color: white;
+$nav-active-color: $secondary-color;
+$nav-full-width-background: true;
+$nav-item-border: 3px solid $secondary-color;
+
+$nav-mobile-mode: bottom-bar;
+$nav-mobile-bottom-bar-background: $tertiary-color;
+$nav-mobile-bottom-bar-item-selected-background: $tertiary-color;
+$nav-mobile-bottom-bar-item-hover-background: $tertiary-color;
+
+$title-color: $primary-color;
+$title-font-size: 24px;
+$title-font-family: "Work Sans", sans-serif;
+
+$font-color: black;
+$font-size: 16px;
+$font-family: Bitter, sans-serif;
+
+$cell-entry-color: $tertiary-color;
+$cell-entry-hover-background: $secondary-color;
+$cell-entry-hover-color: black;
+
+$widget-border: $primary-color 1px solid;
+
+$button-color: white;
+$button-background: $primary-color;
+
+$footer-color: white;
+$footer-background: $tertiary-color;

static/sens/config.json

@@ -0,0 +1,8 @@
+{
+  "label": "Sens",
+  "variables": {
+    "favicon": "sens/img/favicon.png",
+    "logo_link_url": "https://www.ville-sens.fr/",
+    "theme_color": "#008cd1"
+  }
+}

static/sens/style.scss

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