nimes: add a two-sidebars page template (#70027)

static/nimes/_custom.scss

@@ -84,14 +84,44 @@ div#nav {
 //
 // CONTENT
 //
-.gru-content div#sidebar .cell {
-	border: 1px solid $gray-xdark;
-	h2:first-child {
-		background: $gray-xdark;
-		color: white;
+div#main-content {
+	margin-top: 1rem;
+}
+
+.central-content div#sidebar,
+.central-content div#right-sidebar {
+	.cell {
+		border: 1px solid $gray-xdark;
+		h2:first-child {
+			background: $gray-xdark;
+			color: white;
+		}
 	}
 }
 
+.central-content div#right-sidebar {
+    @media ($min-desktop-viewport) {
+        flex: 0 0 $sidebar-width;
+        max-width: $sidebar-max-width;
+
+    }
+
+	@media ($max-mobile-viewport) {
+		margin: 0 0.7em;
+	}
+
+    .cell {
+        margin-right:  $sidebar-columns-gutter;
+    }
+}
+
+.gru-content #sidebar div.cell,
+.gru-content #right-sidebar div.cell,
+div#gauche
+{
+	background: $gray-xlight;
+}
+
 .gru-content .cell.foldable {
 	border: 1px solid $red;
 
@@ -108,12 +138,6 @@ div#nav {
 	}
 }
 
-.gru-content #sidebar div.cell,
-div#gauche
-{
-	background: $gray-xlight;
-}
-
 %button, %inverted-button {
 	box-shadow: none;
 	&:hover {

static/nimes/config.json

@@ -8,6 +8,12 @@
       "COMBO_ASSET_SLOTS.update": {
         "header:logo": { "label": "Têtière : logo" },
         "emails:logo": { "label": "Courriels : logo" }
+      },
+      "COMBO_PUBLIC_TEMPLATES.update": {
+        "two-sidebars": {
+          "name": "Une colonne et deux barres latérales",
+          "template": "combo/page_template_2sidebars.html"
+        }
       }
     }
   }

templates/variants/nimes/combo/page_template_2sidebars.html

@@ -0,0 +1,28 @@
+{% extends "combo/page_template.html" %}
+{% load combo i18n %}
+
+{% block page-content %}
+  <div id="sidebar">
+    {% trans "Barre Latérale Gauche" as name %}
+    {% placeholder "left-sidebar" name=name %}
+  </div>
+  <div id="columns-wrapper">
+    {% block columns-top %}
+      {% placeholder "columns-top" name=_('Top of content') optional=True acquired=False outer_tag=True %}
+    {% endblock %}
+    <div id="columns" class="clearfix">
+      {% block columns %}
+        {% trans "Content" as name %}
+        {% placeholder "content" name=name %}
+      {% endblock %}
+    </div>
+    {% block columns-bottom %}
+      {% placeholder "columns-bottom" name=_('Bottom of content') optional=True acquired=False outer_tag=True %}
+    {% endblock %}
+  </div>
+  <div id="right-sidebar">
+    {% trans "Barre Latérale Droite" as name %}
+    {% placeholder "right-sidebar" name=name %}
+  </div>
+{% endblock %}
+