[+] Style nav

src/App.vue

@@ -1,7 +1,7 @@
 <template>
-    <div id="nav">
+    <div id="nav" class="fbox-v font-code">
-        <router-link class="router-link" to="/">Home</router-link>
+        <router-link class="router-link" to="/"><span>Home</span></router-link>
-        <router-link class="router-link" to="/about">About</router-link>
+        <router-link class="router-link" to="/about"><span>About</span></router-link>
     </div>
     <router-view/>
 
@@ -23,6 +23,31 @@ export default class App extends Vue
 <style lang="sass">
 @import "css/global"
 
-.router-link
+#nav
-    color: red
+    position: absolute
+    left: 20px
+    height: 100vh
+    font-size: 1.2em
+
+    .router-link
+        color: #80705c
+        text-decoration: none
+        writing-mode: vertical-rl
+        text-orientation: sideways
+        transform: scale(-1)
+
+    .router-link.router-link-active span
+        text-decoration: underline
+
+    .router-link:before
+        content: '·'
+        margin-top: 10px
+        margin-bottom: 10px
+
+    .router-link:last-child:before
+        content: none
+
+#nav::before, #nav::after
+    content: " "
+    flex-grow: 1
 </style>