univ-smb: add native integration (#85691)

static/univ-smb/_custom.scss

@@ -0,0 +1,105 @@
+@media screen and (min-width: $mobile-limit + 1) {
+	.gru-nav {
+		display: flex;
+	}
+	#logo.has-logo {
+		padding-bottom: 20px;
+		a {
+			min-height: 70px;
+		}
+	}
+}
+
+	div#header h1#logo {
+		margin-top: 1em;
+		display: flex;
+		justify-content: center;
+		a {
+			width: $width;
+			@media screen and (max-width: $mobile-limit) {
+				max-width: 720px;
+				min-height: 60px;
+				margin-bottom: 20px;
+			}
+		}
+	}
+
+#toplinks {
+	position: relative;
+	a {
+		color: white;
+	}
+	@media screen and (min-width: $mobile-limit + 1) {
+		right: unset;
+		height: 40px;
+		.toplinks--list {
+			position: absolute;
+			right: 120px;
+		}
+	}
+	@media screen and (max-width: $mobile-limit) {
+		max-width: 100%;
+	}
+}
+
+
+.header-width {
+	max-width: unset;
+}
+
+.site-header, #header-wrapper, #header {
+	box-sizing: content-box;
+}
+
+@media screen and (min-width: $mobile-limit + 1) {
+	div#header {
+		width: unset;
+		padding: unset;
+	}
+}
+
+@media screen and (max-width: $mobile-limit) {
+	body {
+		border-left: 0;
+	}
+	div#header {
+		padding: 0;
+	}
+}
+
+.gru-content div.cell h2:first-child {
+	border-bottom: 1px solid #e1e1e1;
+	&::before {
+		background: #1e1e1e;
+		bottom: 0;
+		content: '';
+		display: block;
+		height: 1px;
+		position: absolute;
+		width: 40px;
+	}
+}
+
+li.contains-subentries > a.menu--link {
+	span.menu--label::after {
+		content: "▼";
+		font-size: .6em;
+		margin-left: 1em;
+	}
+}
+
+%button { font-weight: bold; }
+
+.title label {
+	font-weight: bold;
+	.required {
+		color: $required-red;
+	}
+}
+
+#footer {
+	display: flex;
+	a[href]:hover {
+		text-decoration: none;
+	}
+}

static/univ-smb/_vars.scss

@@ -0,0 +1,79 @@
+$primary-color: #1a3e78;
+$secondary-color: #f2f2f2;
+$tertiary-color: #5a6473;
+
+$info-green: #4cad16;
+$notif-orange: #ef5e3B;
+$vivid-cyan-blue: #0693e3;
+$required-red: #790000;
+$nav-hover-blue: #4f8eda;
+
+$width: 1160px;
+$border-radius: 0px;
+$box-shadow: none;
+$notification_error_color: red;
+$notification_warning_color: yellow;
+$link-color: $primary-color;
+$link-decoration: none;
+
+$font-color: #333;
+$font-size: 0.938em;
+$font-family: Arimo, sans-serif;
+
+$title-background: white;
+$title-color: #7f7f7f;
+$title-transform: uppercase;
+$title-font-family: $font-family;
+$title-font-size: 1.4em;
+$title-weight: 400;
+
+$toplinks-background: $primary-color;
+$toplinks-border-radius: 0;
+$toplinks-box-shadow: none;
+
+$nav-background: white;
+$nav-submenu-background: #eee;
+$nav-submenu-color: #333;
+$nav-button-background: $secondary-color;
+$nav-button-color: $font-color;
+$nav-border-color: $font-color;
+$nav-color: $font-color;
+$nav-active-color: $nav-hover-blue;
+$nav-item-selected-color: $nav-hover-blue;
+$nav-item-selected-background: white;
+$nav-item-hover-color: $nav-hover-blue;
+$nav-item-hover-background: white;
+$nav-text-transform: uppercase;
+$nav-after-image: false;
+$responsive-menu: left-to-right;
+$nav-font-family: $font-family;
+$nav-font-size: 1em;
+$nav-font-style: normal;
+$nav-font-weight: 600;
+
+$widget-focus-border: 1px solid darken($vivid-cyan-blue, 20%);
+$widget-focus-box-shadow: 0 0 3px $vivid-cyan-blue;
+$widget-focus-outline: none;
+$widget-border: 1px solid #7f7f7f;
+$widget-box-shadow: none;
+$widget-border-radius: 3px;
+
+$button-background: $primary-color;
+$button-focus-outline-offset: 1px;
+$button-box-shadow: none;
+$button-hover-background: darken($primary-color, 10%);
+$button-hover-color: white;
+$button-border-radius: 5px;
+$cancel-button-style: "%inverted-button";
+
+$cell-image-position: top;
+$cell-image-padding: none;
+$cell-border: none;
+$cell-entry-hover-background: white;
+$cell-entry-hover-color: $primary-color;
+$cell-entry-border: 1px solid $tertiary-color;
+$cell-title-cover-border: true;
+
+$footer-background: $secondary-color;
+$footer-color: $title-color;
+$footer-link-color: $footer-color;

static/univ-smb/config.json

@@ -0,0 +1,15 @@
+{
+  "label": "Université Savoie Mont Blanc",
+  "variables": {
+    "theme_color": "#1A3E78",
+    "favicon": "univ-smb/img/favicon.png",
+    "include_registration_link": true
+  },
+  "settings": {
+    "combo": {
+      "COMBO_ASSET_SLOTS.update": {
+        "header:logo": { "label": "Têtière : logo" }
+      }
+    }
+  }
+}

static/univ-smb/style.scss

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

templates/variants/univ-smb/combo/page_template.html

@@ -0,0 +1,12 @@
+{% extends "combo/page_template.html" %}
+{% load combo %}
+
+{% block top-links %}
+{% endblock %}
+
+{% block header-title %}
+  {% skeleton_extra_placeholder top-links %}
+  {% include 'includes/user-info.html' %}
+{% end_skeleton_extra_placeholder %}
+{{ block.super }}
+{% endblock %}