imio theme : result of changes we made by the way we import sass, we added a reference and a vars where only the vars that change for that theme are listed

static/imio/_references.scss

@@ -0,0 +1,131 @@
+@charset "UTF-8";
+
+/*GENERAL*/
+$primary-color
+$width 
+$mobile-limit 
+$font-size 
+$button-color
+$cell-entry-hover-effect
+$href-color
+$theme2019
+$body-background
+$font-color
+$link-color
+$font-family 
+$width 
+$footer-background
+$footer-color
+$border-radius
+
+/*BASKET*/
+$delete-from-basket-color
+$basket-button-background-color
+$basket-button-text-color
+$basket-button-background-color-hover
+$basket-button-text-color-hover
+$basket-button-border-radius
+$basket-text-color
+
+/*CELL*/
+$cell-background
+$cell-border
+$cell-border-radius
+$cell-color
+$cell-entry-color
+$cell-entry-hover-background
+$cell-links-color
+$cell-links-color-hover
+$cell-links-bullet
+$cell-links-bullet-color
+$cell-title-color
+$cell-title-bg-color
+$cell-title-font-weight
+
+/*FORM-BUTTON*/
+$print-register-draft-button
+$button-hover-color
+$button-hover-background-color
+$button-background
+
+/*FOOTER*/
+$footer-background-color
+$footer-text-color
+$footer-hover-text-color
+
+/*HEADER*/
+$header-banner
+$header-banner-image
+$header-banner-width
+$header-banner-height
+$header-logo
+$header-bg-logo-position
+$header-logo-padding
+$header-logo-margin
+$header-logo-display
+$header-logo-size
+$header-logo-text-color
+$toplinks-border-color
+$toplinks-border
+$toplinks-background-color
+$toplinks-color
+$toplinks-radius
+$toplinks-shadow
+
+/*LOGIN*/
+$highlight-text-color
+
+/*MENU*/
+$nav-background
+$nav-color
+$nav-active-color
+$nav-item-selected-color
+$nav-item-selected-background
+$nav-item-decoration
+$nav-text-uppercase
+$nav-underline
+$nav-item-hover-mode
+$nav-item-selected-mode
+$nav-item-selected-border
+
+/*MENU RESPONSIVE*/
+$nav-mobile-menu-item-color
+$nav-mobile-menu-background
+$nav-button-color
+$nav-button-background
+$nav-menu-color
+$nav-mobile-menu-item-hover-background
+
+/*PWA*/
+$nav-mobile-bottom-bar-height
+$nav-mobile-bottom-bar-background
+$nav-mobile-bottom-bar-color
+$nav-mobile-bottom-bar-item-hover-background
+
+/*RESPONSIVE*/
+$header-banner-width-resp
+$header-banner-height-resp
+
+/*SHARE*/
+$a_portal_agent_background
+$a_portal_agent_color
+$a_portal_agent_top
+$a_portal_agent_right
+$a_portal_agent_border
+$hidden-description
+$hidden-automatically-pre-filled-field-text
+$global-errors-background-color
+$global-errors-color
+$form-current-navpage-color
+$form-current-navpage-background-color
+$category-forms-hover-background-color
+$content-cell-border
+
+/*TITLE*/
+$title-background
+$title-color
+$title-transform
+$title-font-family
+$title-font-size
+$title-padding
+$title-weight

static/imio/_vars.scss

@@ -0,0 +1,69 @@
+@charset "UTF-8";
+
+/*STYLE*/
+$primary-color: #D8297B;
+$width: 1200px;
+$mobile-limit: 800px;
+$font-size: 18px !default;
+$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)!
+$border-radius: 3px;
+
+/*BASKET*/
+
+
+/*CELL*/
+$cell-border: 0px;
+$cell-entry-hover-background: $primary-color;
+
+/*FORM-BUTTON*/
+$button-hover-background-color: darken($primary-color, 8%);
+$button-background: $primary-color;
+
+/*FOOTER*/
+
+
+/*HEADER*/
+$header-banner: none;
+$header-banner-image: false;
+$header-banner-height: auto;
+$header-logo: None;
+$header-logo-margin: 1.7em 0 0 0.2em !default;
+$header-logo-padding: 0;
+$toplinks-border: 0;
+$toplinks-radius: 0;
+$toplinks-shadow: none;
+
+/*LOGIN*/
+
+
+/*MENU*/
+$nav-background: #F2F2F2;
+$nav-color: #333;
+$nav-active-color: $primary-color;
+$nav-item-selected-color: #FFF;
+$nav-text-uppercase: uppercase;
+
+/*MENU RESPONSIVE*/
+$nav-button-color: #FFF;
+$nav-menu-color: $primary-color;
+
+/*PWA*/
+$nav-mobile-bottom-bar-height: 75px;
+$nav-mobile-bottom-bar-background: $primary-color;
+$nav-mobile-bottom-bar-color: #FFF;
+$nav-mobile-bottom-bar-item-hover-background: $primary-color;
+
+/*RESPONSIVE*/
+
+
+/*SHARE*/
+$hidden-description: false;
+
+/*TITLE*/
+$title-color: #525252;
+$title-padding: 1em 0em 1em 0.8em;
+$title-weight: bold;

static/imio/style.scss

@@ -1,2 +1,19 @@
 @charset "UTF-8";
-@import "../theme_clean/style.scss";
+
+@import 'vars';
+
+@import '../../publik-base-theme/static/includes/publik';
+@import '../../publik-base-theme/static/includes/font-din';
+
+@import 'form-buttons';
+@import 'header';
+@import 'menu';
+@import 'login';
+@import 'basketv2';
+@import 'footer';
+@import 'extra';
+@import 'share';
+@import 'cells';
+@import 'responsive';
+
+@import 'custom';