integrated vuejs into theme (builded with webpack

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -0,0 +1,62 @@
+// @Author: Bachir Soussi Chiadmi <bach>
+// @Date:   18-12-2017
+// @Email:  bachir@figureslibres.io
+// @Filename: app.scss
+// @Last modified by:   bach
+// @Last modified time: 20-12-2017
+// @License: GPL-V3
+
+@import './base/reset';
+@import './base/variables';
+@import './base/colors';
+@import './base/grid';
+@import './base/layout';
+@import './base/fonts';
+
+
+html{
+  // background-color: red;
+}
+
+
+aside.messages{
+  border:none;
+}
+
+
+//  _  _             _
+// | || |___ __ _ __| |___ _ _
+// | __ / -_) _` / _` / -_) '_|
+// |_||_\___\__,_\__,_\___|_|
+
+header[role="banner"]{
+  #block-sitebranding{
+    h1{
+      margin:0;
+    }
+  }
+
+  #block-userlogin{
+    h2{
+      margin: 0;
+    }
+    &>section{
+      background-color: #fff;
+      overflow: hidden;
+      height:1px;
+      padding:0.01em 1em;
+      box-sizing:content-box;
+      transition: all 0.4s ease-in-out;
+      // outline: 1px solid blue;
+      transition-delay: 2s;
+    }
+    &:hover{
+      &>section{
+        transition-delay: 0s;
+        height:16em;
+        padding:1em 1em;
+        box-shadow: 0 0 10px #ccc;
+      }
+    }
+  }
+}