[MTELECGIA-16] Adaptations graphiques

static/chaumontgistoux/_steps-config.scss

@@ -0,0 +1,33 @@
+// Steps
+$form-sidebar-position: top; // possible values are: left, right, top
+$steps-background: transparent;
+$wcs-steps-spacing: 0.30rem !default; // half of default 0.7rem used in publik
+$wcs-step-color: white !default; // color for default marker & label
+$wcs-step-current-color: white !default;
+$wcs-step-background: darken($secondary-color, 12%) !default;
+$wcs-step-current-background: $secondary-color !default;
+$wcs-step-border-bottom: 1px solid $wcs-step-color !default;
+$wcs-step-current-border-bottom: none;
+@if ($wcs-step-border-bottom == none) {
+	$wcs-step-current-border-bottom: none;
+}
+// Step option
+$wsc-step-before-piled: false !default;
+
+// marker
+$wcs-step-marker-color: $wcs-step-color !default;
+$wcs-step-current-marker-color: $wcs-step-current-color !default;
+$wcs-step-marker-background: $wcs-step-background !default;
+$wcs-step-current-marker-background: $wcs-step-current-background !default;
+// marker options
+$wcs-step-marker-size: 2.1em !default;
+$wcs-step-current-marker-enlarge: 1.2 !default;
+$wcs-step-marker-type: square; // square || tied || disc || disc tied
+$wcs-step-marker-tie-color: #F2F2F2 !default;
+$wcs-step-marker-tie-width: 5px !default;
+$wcs-step-marker-background-type: gradient; // solid || gradien
+
+// Label
+$wcs-step-current-label-color: $primary-color !default;
+
+

static/chaumontgistoux/_vars.scss

@@ -1,7 +1,8 @@
 @charset "UTF-8";
 
 /*STYLE*/
-$primary-color: #9e284b;
+$primary-color: #E30613;
+$secondary-color: #E94E1B;
 $width: 1200px;
 $mobile-limit: 800px;
 $font-size: 16px !default;
@@ -9,7 +10,7 @@ $button-color: white;
 $cell-entry-hover-effect: left-to-right;
 $theme2019: true;
 $link-color: $primary-color;
-$font-family: "Din";  //!\\ : il faut bien importer la font (voir les imports en bas de la page)!
+$font-family: "Nimbus Sans";
 $border-radius: 3px;
 
 /*BASKET*/
@@ -17,14 +18,14 @@ $border-radius: 3px;
 
 /*CELL*/
 $cell-border: 0px;
-$cell-entry-hover-background: darken($primary-color, 3%);
+$cell-entry-hover-background: $primary-color;
 
 /*FORM-BUTTON*/
-$button-hover-background-color: darken($primary-color, 8%);
-$button-background: $primary-color;
+$button-hover-background-color: $primary-color;
+$button-background: $secondary-color;
 
 /*FOOTER*/
-$footer-background-color: hsl( 0, 0%, 19%);
+$footer-background-color: #333333;
 $footer-text-color: hsl(0, 0, 84%);
 $footer-hover-text-color: hsl(0, 0, 100%);
 
@@ -67,6 +68,6 @@ $nav-mobile-bottom-bar-item-hover-background: $primary-color;
 $hidden-description: false;
 
 /*TITLE*/
-$title-color: #525252;
+$title-color: #333333;
 $title-padding: 1em 0em 1em 0.8em;
 $title-weight: bold;

static/chaumontgistoux/style.scss

@@ -2,10 +2,10 @@
 
 @import 'vars';
 
-@import '../imio/steps-config';
+@import 'steps-config';
 
 @import '../../publik-base-theme/static/includes/publik';
-@import '../../publik-base-theme/static/includes/fonts/din';
+@import '../../publik-base-theme/static/includes/fonts/nimbus-sans';
 
 @import '../imio/form-buttons';
 @import '../imio/header';