create dark mode

2019-05-14 19:30:29 +02:00
parent 28c1e3d409
commit 86ebeee672
20 changed files with 73 additions and 1076 deletions
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-  aside
+  aside.nav
    .sidebar
      nuxt-link(to="/general") General
      nuxt-link(to="/html") HTML
@@ -21,11 +21,11 @@

  a {
    padding: .5rem 1rem .5rem 1rem;
-    text-decoration: none;
+    font-weight: 600;
  }
 }

-@media (max-width: 600px) {
+@media (max-width: 400px) {
  .sidebar {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(6rem,1fr));