1.0 features (#21)

* feat: hash routing, close #2

* Fix router bug

* Remove console

* Add hash router docs

* Improved scrolling on mobile

* Add change log

* Use hash router

src/themes/basic/_layout.css

@@ -13,7 +13,6 @@ html, body {
 }
 
 body {
-  background-color: #fff;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
@@ -23,6 +22,12 @@ body {
   overflow-x: hidden;
 }
 
+img {
+  max-width: 100%;
+  display: block;
+  margin: 0 auto;
+}
+
 /* navbar */
 nav {
   position: absolute;
@@ -113,6 +118,13 @@ nav {
   top: 0;
   right: 0;
   z-index: 1;
+  text-decoration: none;
+  border-bottom: 0;
+
+  &:hover {
+    background-color: inherit;
+    color: inherit;
+  }
 
   &:hover .octo-arm {
     animation:octocat-wave 560ms ease-in-out;
@@ -134,7 +146,6 @@ main {
 
 /* sidebar */
 .sidebar {
-  background-color: #fff;
   border-right: 1px solid rgba(0, 0, 0, .07);
   overflow-y: auto;
   padding-top: 40px;
@@ -225,6 +236,10 @@ body.close {
 }
 
 @media (max-width: 600px) {
+  nav, .github-corner, .sidebar-toggle, .sidebar {
+    position: fixed;
+  }
+
   nav {
     margin-top: 16px;
   }
@@ -242,6 +257,8 @@ body.close {
     left: 0;
     min-width: 100vw;
     transition: transform 250ms ease;
+    position: static;
+    overflow-y: auto;
   }
 
   nav, .github-corner {
@@ -264,8 +281,8 @@ body.close {
 
   .github-corner {
     &:hover .octo-arm {
-        animation: none;
-      }
+      animation: none;
+    }
     .octo-arm {
       animation: octocat-wave 560ms ease-in-out;
     }

src/themes/buble.css

@@ -146,7 +146,7 @@ body {
   padding: 8px;
   margin: 0 0 1em 0;
   font-family: Inconsolata;
-  padding: 12px 10px 12px 12px;
+  padding: 0 10px 12px 0;
   font-size: 16px;
   overflow: auto;
   word-wrap: normal;
@@ -228,7 +228,7 @@ body {
   max-width: inherit;
   position: relative;
   background-color: #f8f8f8;
-  padding: 0.8em 0.8em 0.4em;
+  padding: 20px 0.8em 20px;
   line-height: 1.1em;
   border-radius: 2px;
 }
@@ -243,10 +243,6 @@ code .token {
   -moz-osx-font-smoothing: initial;
 }
 
-.content img {
-  max-width: 100%;
-}
-
 .content span.light {
   color: #7f8c8d;
 }

src/themes/vue.css

@@ -145,7 +145,7 @@ body {
   font-family: 'Roboto Mono', Monaco, courier, monospace;
   line-height: 1.5em;
   margin: 1.2em 0;
-  padding: 1.2em 1.4em;
+  padding: 0 1.4em;
   position: relative;
   overflow: auto;
   word-wrap: normal;
@@ -259,7 +259,7 @@ body {
   line-height: inherit;
   margin: 0 2px;
   overflow: inherit;
-  padding: 3px 5px;
+  padding: 2.2em 5px;
   white-space: inherit;
   max-width: inherit;
 }
@@ -288,10 +288,6 @@ pre::after {
   top: 0;
 }
 
-.content img {
-  max-width: 100%;
-}
-
 .content span.light {
   color: #7f8c8d;
 }