Sidebar layout

Author: modularcoder

src/client/App/_common/Sidebar/Sidebar.hbs

@@ -1 +1,3 @@
-This Is Sidebar
+<aside class="Sidebar">
+  This Is Sidebar
+</aside>

src/client/App/_common/Sidebar/Sidebar.scss

@@ -0,0 +1,9 @@
+.Sidebar {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  background-color: #fff;
+  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
+}

src/client/App/_common/Sidebar/index.js

@@ -0,0 +1 @@
+import './Sidebar.scss';

src/client/App/_common/index.js

@@ -0,0 +1,4 @@
+import './Sidebar';
+
+
+export default {};

src/client/App/index.js

@@ -1,4 +1,6 @@
 import './App.scss';
 import App from './App';
 
+import Common from './_common';
+
 export default App;