Clean up style files

client/src/App.vue

@@ -37,6 +37,5 @@
 </script>
 
 <style lang="scss">
-  @import "styles/main";
+  @import "styles/main.scss";
-  @import "@/assets/main.scss";
 </style>

client/src/assets/main.scss

@@ -1,38 +0,0 @@
-/*
-  CSS Guidelines: BEM
-  - https://css-tricks.com/bem-101/
-  - https://seesparkbox.com/foundry/bem_by_example
- */
-
-@import 'variables';
-@import 'typography';
-
-
-
-.container {
-  margin: 0 auto;
-  width: 100%;
-  max-width: 1440px;
-  display: grid;
-  grid-template-rows: 72px auto 50px;
-  grid-template-columns: 305px auto;
-  grid-column-gap: 80px;
-  min-height: 100vh;
-  grid-template-areas: "h h" "a m" "f f";
-
-  header {
-    grid-area: h;
-  }
-  aside {
-    grid-area: a;
-  }
-  main {
-    grid-area: m;
-  }
-  footer {
-    grid-area: f;
-    display: none;
-  }
-}
-
-

client/src/components/ModuleTeaser.vue

@@ -10,8 +10,6 @@
 </template>
 
 <style scoped lang="scss">
-  @import "@/assets/_variables.scss";
-
   .module-teaser {
     box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.12);
     border: 1px solid #E2E2E2;

client/src/pages/PageDashboard.vue

@@ -1,5 +0,0 @@
-<template>
-  <div>
-    <p>Dashboard</p>
-  </div>
-</template>

client/src/router/index.js

@@ -1,15 +1,13 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-import Dashboard from '@/pages/PageDashboard'
 import index from '@/pages/index'
 import topic from '@/pages/topic'
-import NotFound from '@/pages/PageNotFound'
+import p404 from '@/pages/p404'
 
 const routerOptions = [
   {path: '/', name: 'index', component: index},
-  {path: '/dashboard', name: 'dashboard', component: Dashboard},
   {path: '/topic', name: 'topic', component: topic},
-  {path: '*', component: NotFound}
+  {path: '*', component: p404}
 ]
 
 const routes = routerOptions.map(route => {

client/src/store/index.js

@@ -1,5 +1,8 @@
+import Vue from 'vue'
 import Vuex from 'vuex'
 
+Vue.use(Vuex)
+
 export default new Vuex.Store({
     modules: {},
 

client/src/styles/main.scss

@@ -1,3 +1,9 @@
+/*
+  CSS Guidelines: BEM
+  - https://css-tricks.com/bem-101/
+  - https://seesparkbox.com/foundry/bem_by_example
+ */
+@import "typography";
 @import "var";
 
 body {
@@ -12,3 +18,32 @@ ul {
 a {
   text-decoration: none;
 }
+
+//todo: move
+.container {
+  margin: 0 auto;
+  width: 100%;
+  max-width: 1440px;
+  display: grid;
+  grid-template-rows: 72px auto 50px;
+  grid-template-columns: 305px auto;
+  grid-column-gap: 80px;
+  min-height: 100vh;
+  grid-template-areas: "h h" "a m" "f f";
+
+  header {
+    grid-area: h;
+  }
+  aside {
+    grid-area: a;
+  }
+  main {
+    grid-area: m;
+  }
+  footer {
+    grid-area: f;
+    display: none;
+  }
+}
+
+