reinstalled all contribs with composer

need to run :
drush ev 'drupal_flush_all_caches();'
drush cr
and restart nginx and php-fpm before loading the website

web/themes/custom/edlptheme/assets/styles/base/README.md

@@ -0,0 +1 @@
+# Do NOT EDIT _variables.scss as it is automaticly generated with gulp from assets/json/variables.json

web/themes/custom/edlptheme/assets/styles/base/_colors.scss

@@ -0,0 +1 @@
+$transparent-bg: rgba(255,255,255, 0.95);

web/themes/custom/edlptheme/assets/styles/base/_fonts.scss

@@ -0,0 +1,42 @@
+@mixin content_big_titles {
+  font-size: 1.3em;
+  font-weight: 500;
+  text-transform: uppercase;
+}
+
+@mixin content_titles {
+  font-size: 0.9em;
+  font-weight: normal;
+  text-transform: uppercase;
+}
+
+@mixin document_titles_teaser {
+  font-size: 0.82em;
+  font-weight: 500;
+  text-transform: none;
+}
+
+@mixin content_subtitles {
+  font-size: 0.82em;
+  font-weight: 600;
+  line-height: 1.6;
+  text-transform: none;
+}
+
+@mixin content_courant {
+  font-size: 0.82em;
+  font-weight: normal;
+  line-height: 1.4;
+}
+
+@mixin nav_link {
+  font-size: 0.82em;
+  font-weight: normal;
+  text-transform: uppercase;
+}
+
+@mixin content_petit {
+  font-size: 0.756em;
+  font-weight: normal;
+  line-height: 1.4;
+}

web/themes/custom/edlptheme/assets/styles/base/_grid.scss

@@ -0,0 +1,93 @@
+// http://www.thesassway.com/intermediate/simple-grid-mixins
+
+$default_gap: 1em;
+$default_sum: 12;
+
+$small-bp:768px;
+$med-bp:1080px;
+// $large-bp:1900px;
+
+@mixin row() {
+  // font-size: 0;
+  // white-space: nowrap;
+  position: relative;
+  >*{
+    font-size: 16px;
+  }
+}
+
+%col-reset {
+    width: 100%;
+    // display: inline-block;
+    // white-space:normal;
+    // font-size: 16px;
+    float:left;
+    box-sizing: border-box;
+}
+
+@mixin col($col, $offset: 0, $sum: $default_sum, $gap: $default_gap, $align: top) {
+  @extend %col-reset;
+  padding-left: $gap*$offset;
+  @if $col == $default_sum {
+    padding-right: 0;
+  }@else{
+    padding-right: $gap;
+  }
+  &:last-child{padding-right: 0;}
+
+  margin-left: percentage(($col/$sum)*$offset);
+
+  // @media only screen and (min-width: 768px) {
+    width: percentage($col/$sum);
+    // vertical-align: $align;
+  // }
+}
+
+.row{
+  @include row;
+  // html:not(.js) &{
+  //   overflow-y: auto;
+  // }
+}
+
+@for $c from 1 through $default_sum {
+  .col-#{$c} {
+      @include col($c);
+  }
+
+  // small
+  .small-col-#{$c} {
+    @media only screen and (max-width: $small-bp) {
+      @include col($c);
+    }
+  }
+
+  // medium
+  .med-col-#{$c} {
+    @media only screen and (min-width: $small-bp+1) and (max-width: $med-bp) {
+      @include col($c);
+    }
+  }
+
+  // large
+  .large-col-#{$c} {
+    @media only screen and (min-width: $med-bp+1) {
+      @include col($c);
+    }
+  }
+
+}
+
+@for $c from 1 through $default_sum - 1 {
+  @for $o from 1 through $default_sum - $c {
+    .col-#{$c}-offset-#{$o} {
+      @include col($c, $o);
+    }
+  }
+}
+
+.col.float-right{
+  float: right;
+  padding-right: 0;
+  padding-left: $default_gap;
+}

web/themes/custom/edlptheme/assets/styles/base/_layout.scss

@@ -0,0 +1,127 @@
+
+body, html{
+  position: relative;
+  width: 100%;
+  height:100%;
+  font-family: Georgia, serif;
+  font-style: normal;
+  margin:0;
+  padding:0;
+  // background-color: rgb(219, 219, 219);
+}
+body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{
+  padding-top: 24px!important;
+}
+// div.layout-container{
+//   position: relative;
+//   width:100%; height:100%;
+//   padding:0.5em 1em;
+//   box-sizing: border-box;
+//   z-index: 1;
+// }
+
+header[role="banner"]{
+  // outline: 1px solid blue;
+  z-index: 5;
+  position: relative;
+  padding:0 1em;
+  >.wrapper{
+    position: relative;
+    padding:0.5em 0;
+    // border-bottom: 1px solid red;
+    // TODO: what header height to fit well with player ??
+    height:70px;
+    >.region{
+      height:100%;
+      position: relative;
+    }
+  }
+}
+html.is-mobile header[role="banner"]{
+  position:fixed;
+  box-sizing: border-box;
+  top:0; left:0; width:100%;
+  background-color: #fff;
+  >.wrapper{
+    height:50px;
+  }
+}
+
+aside.messages{
+  border: none;
+  z-index: 99;
+  position: absolute;
+  left:5%; top:100px;
+  width:80%; max-height: 600px;
+  background-color: rgba(255,255,255,0.8);
+  padding:0;
+  overflow-y: auto;
+}
+
+html:not(.is-mobile) main[role="main"]{
+  // outline:1px solid green;
+  z-index: 11;
+  position: absolute;
+  left:0; top:0;
+  box-sizing:border-box;
+  width:100%;
+  padding:7em 2em 9em;
+  overflow: hidden;
+  pointer-events: none;
+  height:100%;
+  .layout-content{
+    width: 100%; height:100%;
+    overflow:hidden;
+    .row>*:not(.col):not(.grid){
+      pointer-events: auto;
+    }
+  }
+}
+
+html:not(.js):not(.is-mobile) main[role="main"]{
+  overflow-y: auto;
+  .layout-content{
+    height: auto;
+    padding-bottom:4em;
+  }
+}
+
+html.is-mobile main[role="main"]{
+  padding:80px 1em 40px;
+  // background-color: blue;
+}
+
+body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{
+    main[role="main"]{
+      padding-top: 7em + 1em;
+    }
+}
+// body.toolbar-fixed.toolbar-tray-open{
+//   main[role="main"]{
+//     padding-top: 7em + 4em;
+//     // overflow-y: hidden;
+//   }
+// }
+
+footer[role="contentinfo"]{
+  // outline: 1px solid pink;
+  z-index: 12;
+  position:fixed;
+  bottom:0;
+  box-sizing: content-box;
+  width:100%;
+  // min-height:110px;
+  padding:0.5em 1em;
+}
+
+html:not(.js):not(.is-mobile) footer[role="contentinfo"]{
+  background-color: white;
+}
+
+canvas#corpus-map{
+  // outline: 1px solid grey;
+}
+
+.os-scroll{
+  height: 100%;
+}

web/themes/custom/edlptheme/assets/styles/base/_reset.scss

@@ -0,0 +1,10 @@
+body {
+	background: white;
+}
+
+a{
+	color: inherit;
+	text-decoration: none;
+}
+a, a:focus, a:active { outline: none; }
+a:focus{ -moz-outline-style: none; }