updated gulp to V4

sites/all/modules/gui/materiobasemod/gulpfile.js

@@ -10,18 +10,17 @@ function handleError(err) {
   // this.emit('end');
 }
 
-gulp.task('scripts', function () {
-    gulp.src('./js/*.js')
-        .pipe(jsmin())
-        .pipe(rename({suffix: '.min'}))
-        .pipe(gulp.dest('./js/dist/'));
+gulp.task('scripts', done => {
+  gulp.src('./js/*.js')
+      .pipe(jsmin())
+      .pipe(rename({suffix: '.min'}))
+      .pipe(gulp.dest('./js/dist/'));
+  done()
 });
 
 
-gulp.task('default', function () {
-});
-
 // default gulp task
-gulp.task('default', ['scripts'], function() {
-  gulp.watch('./js/*.js', ['scripts']);
-});
+gulp.task('default', gulp.series('scripts', function(done) {
+  gulp.watch('./js/*.js', gulp.series('scripts'));
+  done()
+}));

sites/all/modules/gui/materiobasemod/package.json

@@ -7,10 +7,10 @@
   "license": "GPLv3",
   "homepage": "https://materio.com",
   "devDependencies": {
-    "gulp": "<4",
+    "gulp": "latest",
     "gulp-jsmin": "latest",
-    "gulp-rename": "^1.4.0",
-    "gulp-strip-debug": "^3.0.0",
-    "gulp-watch": "^5.0.1"
+    "gulp-rename": "latest",
+    "gulp-strip-debug": "latest",
+    "gulp-watch": "latest"
   }
 }

sites/all/themes/gui/materiobasetheme/.browserlistrc

@@ -0,0 +1,6 @@
+# Browsers that we support
+
+last 2 version
+> 1%
+maintained node versions
+not dead

sites/all/themes/gui/materiobasetheme/css/styles.css

@@ -175,7 +175,6 @@ figure {
  * Address differences between Firefox and other browsers.
  */
 hr {
-  -webkit-box-sizing: content-box;
   box-sizing: content-box;
   height: 0; }
 
@@ -282,7 +281,6 @@ input {
  */
 input[type="checkbox"],
 input[type="radio"] {
-  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   /* 1 */
   padding: 0;
@@ -304,7 +302,6 @@ input[type="number"]::-webkit-outer-spin-button {
 input[type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
-  -webkit-box-sizing: content-box;
   box-sizing: content-box;
   /* 2 */ }
 
@@ -409,7 +406,6 @@ html, body {
 *,
 *:before,
 *:after {
-  -webkit-box-sizing: border-box;
   box-sizing: border-box; }
 
 html,
@@ -858,7 +854,6 @@ blockquote p {
     background: transparent !important;
     color: #000000 !important;
     /* Black prints faster: h5bp.com/s */
-    -webkit-box-shadow: none !important;
     box-shadow: none !important;
     text-shadow: none !important; }
   a,
@@ -1042,7 +1037,6 @@ blockquote p {
           max-width: none; }
         .clearing-assembled .clearing-container .carousel > ul li a.th {
           border: none;
-          -webkit-box-shadow: none;
           box-shadow: none;
           display: block; }
         .clearing-assembled .clearing-container .carousel > ul li img {
@@ -1176,7 +1170,6 @@ button, .button {
     background-color: #008CBA;
     border-color: #007095;
     color: #FFFFFF;
-    -webkit-box-shadow: none;
     box-shadow: none;
     cursor: default;
     opacity: 0.7; }
@@ -1190,7 +1183,6 @@ button, .button {
       background-color: #e7e7e7;
       border-color: #b9b9b9;
       color: #333333;
-      -webkit-box-shadow: none;
       box-shadow: none;
       cursor: default;
       opacity: 0.7; }
@@ -1204,7 +1196,6 @@ button, .button {
       background-color: #43AC6A;
       border-color: #368a55;
       color: #FFFFFF;
-      -webkit-box-shadow: none;
       box-shadow: none;
       cursor: default;
       opacity: 0.7; }
@@ -1218,7 +1209,6 @@ button, .button {
       background-color: #f04124;
       border-color: #cf2a0e;
       color: #FFFFFF;
-      -webkit-box-shadow: none;
       box-shadow: none;
       cursor: default;
       opacity: 0.7; }
@@ -1232,7 +1222,6 @@ button, .button {
       background-color: #f08a24;
       border-color: #cf6e0e;
       color: #FFFFFF;
-      -webkit-box-shadow: none;
       box-shadow: none;
       cursor: default;
       opacity: 0.7; }
@@ -1246,7 +1235,6 @@ button, .button {
       background-color: #a0d3e8;
       border-color: #61b6d9;
       color: #333333;
-      -webkit-box-shadow: none;
       box-shadow: none;
       cursor: default;
       opacity: 0.7; }
@@ -2606,10 +2594,8 @@ $retina: (
 );
 */
 * {
-  -webkit-box-sizing: content-box;
   box-sizing: content-box; }
   *:before, *:after {
-    -webkit-box-sizing: content-box;
     box-sizing: content-box; }
 
 body {
@@ -3052,7 +3038,6 @@ body.node-type-publication #footer {
           background-color: #e6e6e6;
           border-radius: 5px;
           background-clip: padding-box;
-          -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
           box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
         #header #header-blocks #block-user-login form#user-login-form .form-item {
           margin: 0;
@@ -3145,7 +3130,6 @@ body.node-type-publication #footer {
         margin: 0 0 0 -5px;
         border-radius: 3px;
         background-clip: padding-box;
-        -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
         box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
         .ie8 #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists {
           background: #FFF; }
@@ -3358,7 +3342,6 @@ body.home-v2 #main {
 #highlighted {
   border-radius: 5px;
   background-clip: padding-box;
-  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
   padding: 0.5em;
   position: relative; }
@@ -3592,7 +3575,6 @@ body.home-v2 #main {
     margin-bottom: 10px;
     font-size: 10px;
     background-color: #fff;
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
     -webkit-transition: bottom 0.1s ease-out;
     transition: bottom 0.1s ease-out; }
@@ -3704,7 +3686,6 @@ body.home-v2 #main {
     padding: 5px;
     border-radius: 5px;
     background-clip: padding-box;
-    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); }
     .modal-content #block-materio-user-user-register #user-register-form div.homepage-textfield, .modal-content #block-materio-user-user-createaccount #user-register-form div.homepage-textfield {
       display: none; }
@@ -3792,21 +3773,14 @@ body.home-v2 #main {
     background-clip: padding-box;
     background-color: #fff;
     margin: 4px;
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-    transition: -webkit-box-shadow 0.3s ease-out;
-    transition: box-shadow 0.3s ease-out;
-    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
+    -webkit-transition: box-shadow 0.3s ease-out;
+    transition: box-shadow 0.3s ease-out; }
     #tool-bar .btn-group:hover, #tool-bar .btn-group:focus {
-      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
     #tool-bar .btn-group:active {
-      -webkit-transition: -webkit-box-shadow 0s ease-out;
-      transition: -webkit-box-shadow 0s ease-out;
+      -webkit-transition: box-shadow 0s ease-out;
       transition: box-shadow 0s ease-out;
-      transition: box-shadow 0s ease-out, -webkit-box-shadow 0s ease-out;
-      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
   #tool-bar #block-materio-page-title-materio-page-title {
     margin: 0 10px 0 0; }
@@ -3877,22 +3851,15 @@ body.home-v2 #main {
       background-color: #fff;
       border-radius: 3px;
       background-clip: padding-box;
-      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-      -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-      transition: -webkit-box-shadow 0.3s ease-out;
+      -webkit-transition: box-shadow 0.3s ease-out;
       transition: box-shadow 0.3s ease-out;
-      transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
       text-align: right; }
       #tool-bar #block-materio-search-api-materio-search-api-search > .inner:hover, #tool-bar #block-materio-search-api-materio-search-api-search > .inner:focus {
-        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
         box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
       #tool-bar #block-materio-search-api-materio-search-api-search > .inner:active {
-        -webkit-transition: -webkit-box-shadow 0s ease-out;
-        transition: -webkit-box-shadow 0s ease-out;
+        -webkit-transition: box-shadow 0s ease-out;
         transition: box-shadow 0s ease-out;
-        transition: box-shadow 0s ease-out, -webkit-box-shadow 0s ease-out;
-        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
         box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
       #tool-bar #block-materio-search-api-materio-search-api-search > .inner h4.form-title {
         padding: 0.2em 0 0.1em 0.2em;
@@ -4210,12 +4177,9 @@ article.search-performance.view-mode-cardsmall {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
-  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-  transition: -webkit-box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
+  -webkit-transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out; }
 
 article.search-performance.view-mode-cardmedium {
   width: 210px;
@@ -4230,12 +4194,9 @@ article.search-performance.view-mode-cardmedium {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
-  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-  transition: -webkit-box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
+  -webkit-transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out; }
   article.search-performance.view-mode-cardmedium .inner {
     padding: 4em 1em 0; }
 
@@ -4252,12 +4213,9 @@ article.search-performance.view-mode-cardbig {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
-  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-  transition: -webkit-box-shadow 0.3s ease-out;
+  -webkit-transition: box-shadow 0.3s ease-out;
   transition: box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
   display: block;
   margin: 0 auto; }
 
@@ -4274,12 +4232,9 @@ article.search-performance.view-mode-cardfull {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
-  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-  transition: -webkit-box-shadow 0.3s ease-out;
+  -webkit-transition: box-shadow 0.3s ease-out;
   transition: box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
   display: block;
   margin: 0 auto; }
   article.search-performance.view-mode-cardfull .inner {
@@ -4305,19 +4260,15 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
-  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-  transition: -webkit-box-shadow 0.3s ease-out;
+  -webkit-transition: box-shadow 0.3s ease-out;
   transition: box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
   margin: 3px; }
   article.node-materiau.vm-bookmark > div.side, article.node-breve.vm-bookmark > div.side {
     border-radius: 5px;
     background-clip: padding-box;
     overflow: hidden; }
   article.node-materiau.vm-bookmark.focused, article.node-breve.vm-bookmark.focused {
-    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
   article.node-materiau.vm-bookmark.just-added, article.node-breve.vm-bookmark.just-added {
     opacity: 0; }
@@ -4379,7 +4330,6 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
       display: block;
       border-radius: 3px;
       background-clip: padding-box;
-      -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
       box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
       article.node-materiau.vm-bookmark nav.nav ul li, article.node-breve.vm-bookmark nav.nav ul li {
         padding: 0;
@@ -4578,18 +4528,14 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
-  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-  transition: -webkit-box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
+  -webkit-transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out; }
   article.node-materiau.vm-cardsmall > div.side, article.node-breve.vm-cardsmall > div.side {
     border-radius: 5px;
     background-clip: padding-box;
     overflow: hidden; }
   article.node-materiau.vm-cardsmall.focused, article.node-breve.vm-cardsmall.focused {
-    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
   article.node-materiau.vm-cardsmall.just-added, article.node-breve.vm-cardsmall.just-added {
     opacity: 0; }
@@ -4651,7 +4597,6 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
       display: block;
       border-radius: 3px;
       background-clip: padding-box;
-      -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
       box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
       article.node-materiau.vm-cardsmall nav.nav ul li, article.node-breve.vm-cardsmall nav.nav ul li {
         padding: 0;
@@ -4917,18 +4862,14 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
-  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-  transition: -webkit-box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
+  -webkit-transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out; }
   article.node-materiau.vm-cardmedium > div.side, article.node-breve.vm-cardmedium > div.side {
     border-radius: 5px;
     background-clip: padding-box;
     overflow: hidden; }
   article.node-materiau.vm-cardmedium.focused, article.node-breve.vm-cardmedium.focused {
-    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
   article.node-materiau.vm-cardmedium.just-added, article.node-breve.vm-cardmedium.just-added {
     opacity: 0; }
@@ -4990,7 +4931,6 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
       display: block;
       border-radius: 3px;
       background-clip: padding-box;
-      -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
       box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
       article.node-materiau.vm-cardmedium nav.nav ul li, article.node-breve.vm-cardmedium nav.nav ul li {
         padding: 0;
@@ -5351,18 +5291,14 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
-  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-  transition: -webkit-box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
+  -webkit-transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out; }
   article.node-materiau.vm-cardbig > div.side, article.node-breve.vm-cardbig > div.side {
     border-radius: 5px;
     background-clip: padding-box;
     overflow: hidden; }
   article.node-materiau.vm-cardbig.focused, article.node-breve.vm-cardbig.focused {
-    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
   article.node-materiau.vm-cardbig.just-added, article.node-breve.vm-cardbig.just-added {
     opacity: 0; }
@@ -5424,7 +5360,6 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
       display: block;
       border-radius: 3px;
       background-clip: padding-box;
-      -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
       box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
       article.node-materiau.vm-cardbig nav.nav ul li, article.node-breve.vm-cardbig nav.nav ul li {
         padding: 0;
@@ -5779,19 +5714,15 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
-  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-  transition: -webkit-box-shadow 0.3s ease-out;
+  -webkit-transition: box-shadow 0.3s ease-out;
   transition: box-shadow 0.3s ease-out;
-  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
   font-size: 0px; }
   article.node-materiau.vm-cardfull > div.side, article.node-breve.vm-cardfull > div.side {
     border-radius: 5px;
     background-clip: padding-box;
     overflow: hidden; }
   article.node-materiau.vm-cardfull.focused, article.node-breve.vm-cardfull.focused {
-    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
   article.node-materiau.vm-cardfull.just-added, article.node-breve.vm-cardfull.just-added {
     opacity: 0; }
@@ -5853,7 +5784,6 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
       display: block;
       border-radius: 3px;
       background-clip: padding-box;
-      -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
       box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
       article.node-materiau.vm-cardfull nav.nav ul li, article.node-breve.vm-cardfull nav.nav ul li {
         padding: 0;
@@ -6155,12 +6085,9 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
       border-radius: 5px;
       background-clip: padding-box;
       background-color: #FFF;
-      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-      -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-      transition: -webkit-box-shadow 0.3s ease-out;
+      -webkit-transition: box-shadow 0.3s ease-out;
       transition: box-shadow 0.3s ease-out;
-      transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
       width: 1024px;
       padding: 1em; }
       .print-node-materiau > div.side {
@@ -6168,7 +6095,6 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
         background-clip: padding-box;
         overflow: hidden; }
       .print-node-materiau.focused {
-        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
         box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
       .print-node-materiau.just-added {
         opacity: 0; }
@@ -6230,7 +6156,6 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
           display: block;
           border-radius: 3px;
           background-clip: padding-box;
-          -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
           box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
           .print-node-materiau nav.nav ul li {
             padding: 0;
@@ -6776,7 +6701,6 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
   background-clip: padding-box;
   font-size: 12px;
   font-weight: 500;
-  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
   #tooltip.op-visible {
     -webkit-transition: opacity 0.1s ease-out;
@@ -7295,7 +7219,6 @@ body.page-node-11187 .node-11187 .field-name-body {
     background-color: #fff;
     border-radius: 5px;
     background-clip: padding-box;
-    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
     box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
     overflow: hidden; }
     .ie8 body.page-node-11187 .node-11187 .field-name-body div.column, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-demi, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-full, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-auto {
@@ -7528,7 +7451,6 @@ body.page-node-11187 .node-11187 .field-name-body {
       vertical-align: middle;
       margin: 0; }
     #webform-client-form-11186 .webform-component--column-left--membership-options .form-type-radio:hover {
-      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
     #webform-client-form-11186 .webform-component--column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(1) {
       background-color: #69CDCF; }
@@ -8075,7 +7997,6 @@ body.page-node-11187 .node-11187 .field-name-body {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
-  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   max-width: 850px;
   font-size: 14px;
@@ -8414,7 +8335,6 @@ body.home-v2 #center {
       margin-bottom: 10px;
       font-size: 10px;
       background-color: #fff;
-      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
       -webkit-transition: bottom 0.1s ease-out;
       transition: bottom 0.1s ease-out; }
@@ -8519,18 +8439,14 @@ body.home-v2 #center {
       color: #b94a48;
       font-size: 12px; }
   #home-v2 > .panel-panel > div > .panel-pane.showroom {
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-    transition: -webkit-box-shadow 0.3s ease-out;
+    -webkit-transition: box-shadow 0.3s ease-out;
     transition: box-shadow 0.3s ease-out;
-    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
     height: 450px;
     margin-top: 15px;
     background-color: #fff;
     position: relative; }
     #home-v2 > .panel-panel > div > .panel-pane.showroom:hover {
-      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
     #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content {
       width: 100%;
@@ -8589,18 +8505,14 @@ body.home-v2 #center {
         #home-v2 > .panel-panel > div > .panel-pane.showroom:after {
           opacity: 0.4; } }
   #home-v2 > .panel-panel > div > .panel-pane.bdd {
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-    transition: -webkit-box-shadow 0.3s ease-out;
+    -webkit-transition: box-shadow 0.3s ease-out;
     transition: box-shadow 0.3s ease-out;
-    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
     height: 450px;
     margin-top: 30px;
     background-color: #FFF;
     position: relative; }
     #home-v2 > .panel-panel > div > .panel-pane.bdd:hover {
-      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
     #home-v2 > .panel-panel > div > .panel-pane.bdd .links a {
       background-color: #e6e6e6; }
@@ -8658,19 +8570,15 @@ body.home-v2 #center {
           opacity: 0.6;
           z-index: 0; } }
   #home-v2 > .panel-panel > div > .panel-pane.formations {
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-    transition: -webkit-box-shadow 0.3s ease-out;
+    -webkit-transition: box-shadow 0.3s ease-out;
     transition: box-shadow 0.3s ease-out;
-    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
     position: relative;
     height: 300px;
     margin-top: 30px;
     background-color: #000;
     color: #FFF; }
     #home-v2 > .panel-panel > div > .panel-pane.formations:hover {
-      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
     #home-v2 > .panel-panel > div > .panel-pane.formations a {
       color: #FFF; }
@@ -8699,17 +8607,13 @@ body.home-v2 #center {
       #home-v2 > .panel-panel > div > .panel-pane.formations {
         height: auto; } }
   #home-v2 > .panel-panel > div > .panel-pane.services {
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-    transition: -webkit-box-shadow 0.3s ease-out;
+    -webkit-transition: box-shadow 0.3s ease-out;
     transition: box-shadow 0.3s ease-out;
-    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
     background-color: #FFF;
     height: 300px;
     margin-top: 30px; }
     #home-v2 > .panel-panel > div > .panel-pane.services:hover {
-      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
     #home-v2 > .panel-panel > div > .panel-pane.services .node {
       padding: 0 30% 0 0;
@@ -8738,12 +8642,9 @@ body.home-v2 #center {
       #home-v2 > .panel-panel > div > .panel-pane.services {
         height: auto; } }
   #home-v2 > .panel-panel > div > .panel-pane.publication {
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-    transition: -webkit-box-shadow 0.3s ease-out;
+    -webkit-transition: box-shadow 0.3s ease-out;
     transition: box-shadow 0.3s ease-out;
-    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
     position: relative;
     margin-top: 30px;
     padding: 1em;
@@ -8751,7 +8652,6 @@ body.home-v2 #center {
     border-radius: 10px;
     background-clip: padding-box; }
     #home-v2 > .panel-panel > div > .panel-pane.publication:hover {
-      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
     #home-v2 > .panel-panel > div > .panel-pane.publication, #home-v2 > .panel-panel > div > .panel-pane.publication a, #home-v2 > .panel-panel > div > .panel-pane.publication h1, #home-v2 > .panel-panel > div > .panel-pane.publication h2 {
       color: #fff; }
@@ -8860,12 +8760,9 @@ body.home-v2 #center {
     border-radius: 5px;
     background-clip: padding-box;
     background-color: #FFF;
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
-    transition: -webkit-box-shadow 0.3s ease-out;
+    -webkit-transition: box-shadow 0.3s ease-out;
     transition: box-shadow 0.3s ease-out;
-    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
     overflow: hidden;
     position: relative;
     margin: 7px; }
@@ -9000,7 +8897,6 @@ div.messages {
   padding: 10px;
   border-radius: 5px;
   background-clip: padding-box;
-  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }
   #better-messages-wrapper #better-messages-default div.messages {
     padding: 9px;
@@ -9078,7 +8974,6 @@ i {
 #colorbox {
   border-radius: 2px;
   background-clip: padding-box;
-  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
   #colorbox #cboxLoadedContent {
     background-color: #fff; }

sites/all/themes/gui/materiobasetheme/gulpfile.js

@@ -12,31 +12,30 @@ function handleError(err) {
   // this.emit('end');
 }
 
-gulp.task('scripts', function () {
-    gulp.src('./js/script.js')
-        .pipe(jsmin())
-        .pipe(rename({suffix: '.min'}))
-        .pipe(gulp.dest('./js/'));
+gulp.task('scripts', done => {
+  gulp.src('./js/script.js')
+      .pipe(jsmin())
+      .pipe(rename({suffix: '.min'}))
+      .pipe(gulp.dest('./js/'));
+  done();
 });
 
-gulp.task('styles', function () {
+gulp.task('styles', done => {
   gulp.src('./scss/styles.scss')
     .pipe(sass().on('error', sass.logError))
     // .pipe(gulp.dest('./css/'));
 
   // gulp.src('./css/*.css')
     .pipe(autoprefixer({
-        browsers: ['last 2 versions'],
         cascade: false
     })).on('error', handleError)
     .pipe(gulp.dest('./css/'));
-});
-
-gulp.task('default', function () {
+  done();
 });
 
 // default gulp task
-gulp.task('default', ['scripts', 'styles'], function() {
-  gulp.watch('./scss/*.scss', ['styles']);
-  gulp.watch('./js/script.js', ['scripts']);
-});
+gulp.task('default', gulp.series('scripts', 'styles', function(done) {
+  gulp.watch('./scss/*.scss', gulp.series('styles'));
+  gulp.watch('./js/script.js', gulp.series('scripts'));
+  done()
+}));

sites/all/themes/gui/materiobasetheme/package.json

@@ -7,8 +7,8 @@
   "license": "GPLv3",
   "homepage": "https://materio.com",
   "devDependencies": {
-    "gulp": "<4",
-    "gulp-autoprefixer": "^4.1.0",
+    "gulp": "latest",
+    "gulp-autoprefixer": "latest",
     "gulp-jsmin": "latest",
     "gulp-rename": "latest",
     "gulp-sass": "latest",