cd91: theme 2022 (#71536)

static/essonne-cd91-2022/_custom.scss

@@ -0,0 +1,129 @@
+
+%button {
+    text-transform: uppercase;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: $blue-dark;
+    padding-left: $space-small;
+    padding-right: $space-small;
+}
+
+#top {
+    display: flex;
+    height: 6em;
+    justify-content: center;
+    align-items: center;
+    @media ($min-desktop-viewport) {
+        height: 17em;
+    }
+}
+.site-header {
+    background-size: cover;
+    background-position: center;
+    height: 6em;
+    #logo a {
+        background-position: center;
+        height: 2em;
+    }
+    @media ($min-desktop-viewport) {
+        height: 18em;
+        #logo a {
+            margin-top: $space-medium;
+            background-position: center top;
+            width: 8em;
+            height: 6em;
+        }
+    }
+}
+#toplinks a {
+    color: white;
+}
+
+.site-nav {
+    @media ($min-desktop-viewport) {
+        position: relative;
+        top: -3.3em;
+        background: rgba(26, 26, 26, 0.8);
+        border-top: 8px solid $blue-dark;
+        #nav > .menu {
+            margin: 0;
+            display: flex;
+            & > li {
+                flex: 1 1 0px;
+                & > a {
+                    padding: $space-large * 0.8 $space-medium;
+                    position: relative;
+                    line-height: 1;
+                    display: block;
+                    text-align: center;
+                    &::before {
+                        content: "\f054"; // chevron-right
+                        color: $blue-light;
+                        font-family: fontAwesome;
+                        margin-right: $space-small;
+                    }
+                }
+                &:not(:first-child) > a::after {
+                    content: "";
+                    position: absolute;
+                    background: rgba(255, 255, 255, 0.21);
+                    display: inline-block;
+                    width: 1px;
+                    height: $space-large * 1.5;
+                    top: $space-small;
+                    left: 0;
+                }
+            }
+        }
+    }
+    .gru-nav ul li a {
+        text-transform: uppercase;
+        font-size: $fz-xxsmall;
+        font-weight: 500;
+
+    }
+}
+body {
+    @media ($max-mobile-viewport) {
+        border-left: 0;
+    }
+}
+main {
+    @media ($max-mobile-viewport) {
+        margin-top: $space-large;
+    }
+}
+div#rub_service div.category h3,
+.gru-content div.a2-block h2,
+.gru-content .block h2,
+div.links-list h2,
+div#services > ul > li > strong > a,
+.gru-content div.textcell h2:first-child,
+.gru-content div.cell h2:first-child {
+    font-size: $fz-3;
+    background: $blue-dark;
+    border-top-left-radius: 20px;
+    border-top-right-radius: 20px;
+    color: white;
+}
+
+%cell {
+    &:not(.pk-transparent) {
+        border-top-left-radius: 20px;
+        border-top-right-radius: 20px;
+        border-bottom-left-radius: 20px;
+        border-bottom-right-radius: 20px;
+        box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 10px 0px;
+    }
+}
+.search-cell {
+    	input[type=search] {
+		background-color: white;
+		border-color: $font-color;
+		border-radius: 2em;
+	}
+}
+footer a:hover {
+    text-decoration: none;
+}

static/essonne-cd91-2022/_vars.scss

@@ -0,0 +1,83 @@
+$carbon: #3b3b3b;
+$gray-1: rgb(59, 59, 59);
+$blue-dark: #164496;
+$blue-light: #00a0df;
+
+$primary-color: $blue-dark;
+
+$space-xsmall: 0.25em;
+$space-small: 0.5em;
+$space-medium: 1em;
+$space-large: 2em;
+$space-xlarge: 3em;
+
+// typo
+$font-color: $carbon;
+$font-family: Roboto, sans-serif;
+$font-size: 18px;
+$font-line-height: 1.2;
+$base-font: 16;
+$fz-1: 30em / $base-font;
+$fz-2: 24em / $base-font;
+$fz-3: 21em / $base-font;
+$fz-4: 18em / $base-font;
+$fz-small: 14em / $base-font;
+$fz-xsmall: 12em / $base-font;;
+$fz-xxsmall: 11em / $base-font;;
+
+$width: 1400px;
+$link-color: $blue-dark;
+// $link-decoration: none;
+// $link-hover-decoration: none;
+
+// $header-logo-size: 59px 37px;
+$responsive-menu: left-to-right;
+$nav-color: white;
+$nav-background: transparent;
+$nav-button-background: $gray-1;
+$nav-button-color: white;
+
+// $nav-mobile-menu-background: $white;
+$nav-item-background: transparent;
+$nav-item-selected-background: white;
+$nav-item-selected-color: $gray-1;
+
+$nav-submenu-item-hover-color: $gray-1;
+
+$nav-submenu-background: $gray-1;
+$nav-submenu-color: white;
+
+$nav-border-color: white;
+$nav-mobile-menu-background: $gray-1;
+$nav-mobile-menu-item-color: white;
+$nav-mobile-bottom-bar-background: $gray-1;
+$nav-mobile-bottom-bar-item-hover-background: white;
+$nav-mobile-bottom-bar-item-hover-color: $gray-1;
+$nav-mobile-bottom-bar-item-selected-background: $blue-dark;
+$nav-mobile-bottom-bar-item-selected-color: white;
+
+$cell-border: none;
+
+$title-color: $blue-dark;
+$title-font-size: $fz-2;
+$title-weight: 700;
+
+$button-background: $blue-dark;
+$button-border-radius: 25px;
+$button-hover-background: darken($button-background, 20%);
+$cancel-button-style: '%inverted-button';
+$buttons-order: previous, cancel (grow), submit;
+
+
+$widget-background: lighten($gray-1, 75%);
+$widget-focus-border: 1px solid $primary-color;
+$widget-focus-outline: 1px solid $primary-color;
+
+$footer-background: $blue-dark;
+$footer-color: white;
+$footer-link-color: white;
+
+$toplinks-border: none;
+$toplinks-border-radius: 0;
+$toplinks-background: rgba(26, 26, 26, 0.8);
+$toplinks-padding: $space-small $space-medium;

static/essonne-cd91-2022/config.json

@@ -0,0 +1,14 @@
+{
+  "label": "Essonne (CD91) - 2022",
+  "variables": {
+    "theme_color": "#00a0df"
+  },
+  "settings": {
+    "combo": {
+      "COMBO_ASSET_SLOTS.update": {
+        "header:logo": { "label": "Têtière : logo" },
+        "header:background": { "label": "Têtière : fond" }
+      }
+    }
+  }
+}

static/essonne-cd91-2022/style.scss

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