improve sidebar

static/css/classes.css

@@ -1,9 +1,3 @@
-.bright {
-  background: rgba(255, 255, 255, 0.02);
-  box-shadow: 0 0 .6em rgba(28, 29, 34, 0.05);
-  border-bottom: 1px solid rgba(142, 142, 145, 0.16);
-}
-
 .dark {
   background: #1e1f25;
   color: #fff;
@@ -21,5 +15,5 @@
 }
 
 .fa, .fab, .fad, .fal, .far, .fas {
-  margin-right: 1.2em;
+  margin-right: .6em;
 }

static/css/index.css

@@ -12,9 +12,13 @@
   }
 }
 
+html {
+  font-size: 16px;
+  font-size: calc(0.8rem + 0.3vw);
+}
+
 body {
   font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", sans-serif;
-  font-size: calc(0.8rem + 0.3vw);
   font-weight: 400;
   line-height: 1.6;
   margin: 0;
@@ -23,10 +27,6 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
-h1, h2, h3, h4, h5, h6 {
-  font-weight: 400;
-}
-
 b, strong, th {
   font-weight: 600;
 }
@@ -130,7 +130,7 @@ article header {
 
 article header h1 {
   font-size: 1.8em;
-  margin: 0;
+  margin: 0 0 .1em;
 }
 
 nav {
@@ -141,6 +141,12 @@ nav a {
   margin: .4em .8em;
 }
 
+body > header {
+  background: rgba(255, 255, 255, 0.02);
+  box-shadow: 0 0 .6em rgba(28, 29, 34, 0.05);
+  border-bottom: 1px solid rgba(142, 142, 145, 0.16);
+}
+
 body > header, article {
   padding: 1.5em;
 }

static/css/sidebar.css

@@ -49,10 +49,18 @@ article header h1 {
   font-size: 2em;
 }
 
+header [hidden] {
+  display: inline-block;
+}
+
+header > div {
+  margin-top: 3em;
+}
+
 body > header > a {
   display: none;
 }
 
-body > header > p {
-  margin-top: 3em;
+.fa, .fab, .fad, .fal, .far, .fas {
+  margin-right: 1.2em;
 }