global header/navbar on all pages like a grown-up website (#17)

assets/sass/pages/_list.scss

@@ -0,0 +1,64 @@
+@charset "UTF-8";
+
+// Archive/List Styles
+main#list {
+  max-width: 1010px;
+  padding: 1.5em 3em;
+  margin: 0 auto;
+
+  section.year {
+    font-size: 1.1em;
+
+    /* stylelint-disable-next-line no-descending-specificity */
+    h2 {
+      font-size: 1.8em;
+      margin: 0;
+    }
+
+    /* stylelint-disable-next-line no-descending-specificity */
+    ul {
+      list-style-type: none;
+      padding-left: 0;
+      display: block;
+    }
+
+    /* stylelint-disable-next-line no-descending-specificity */
+    li {
+      display: flex;
+
+      div.date {
+        color: $color-light;
+        width: 5.25em;
+        flex-shrink: 0;
+      }
+    
+      &::after {
+        content: '';
+        display: block;
+        clear: both;
+      }
+
+      /* stylelint-disable-next-line no-descending-specificity */
+      &:last-child {
+        margin-bottom: 1.8em;
+      }
+
+      /* stylelint-disable-next-line no-descending-specificity */
+      + li {
+        margin-top: 1.3em;
+      }
+    }
+  }
+}
+
+
+// Responsive
+@mixin responsive--list() {
+  main#list {
+    padding: 1em 1.2em;
+
+    section.year {
+      font-size: 1em;
+    }
+  }
+}