split up SCSS files

assets/sass/pages/responsive/_global.scss

@@ -0,0 +1,17 @@
+@charset "UTF-8";
+
+// Responsive Awesomeness
+@media screen and (max-width: $responsive-width) {
+  body {
+    // Safari iOS menu bar reappers below 44px:
+    // https://www.eventbrite.com/engineering/mobile-safari-why/
+    padding-bottom: 50px !important;
+    // Allows content to fill the viewport and go beyond the bottom
+    height: 100%;
+    // Allows you to scroll below the viewport; default value is visible
+    overflow-y: scroll;
+  }
+
+  @import 'home';
+  @import 'notes';
+}

assets/sass/pages/responsive/_home.scss

@@ -0,0 +1,45 @@
+@charset "UTF-8";
+
+// Responsive Home
+body#home {
+  font-size: 1em;
+  padding: 25px;
+
+  p {
+    font-size: 1.1em;
+  }
+
+  img#me {
+    width: 68px;
+    height: 68px;
+    padding: 2px;
+  }
+
+  footer div {
+    line-height: 1.7;
+
+    &#panda {
+      display: none;
+    }
+
+    &#blog,
+    &#info {
+      width: 50%;
+    }
+
+    &#blog {
+      font-size: 1em;
+      line-height: 1.5;
+    }
+
+    &#info {
+      font-size: 0.7em;
+      line-height: 2;
+
+      span#copyright::after {
+        content: "\A";
+        white-space: pre;
+      }
+    }
+  }
+}

assets/sass/pages/responsive/_notes.scss

@@ -0,0 +1,52 @@
+@charset "UTF-8";
+
+// Responsive Blog
+body#notes {
+  padding: 20px;
+  width: 100%;
+  max-width: 100%;
+
+  header {
+    margin-bottom: 1.3em;
+
+    a#logo {
+      img,
+      svg {
+        height: 75px;
+        width: 50px;
+      }
+    }
+  }
+
+  footer div {
+    &#panda {
+      display: none;
+    }
+
+    &#copyright,
+    &#poweredby {
+      line-height: 1.8;
+      width: 50%;
+    }
+
+    &#poweredby {
+      a#hugo::after {
+        content: "\A";
+        white-space: pre;
+      }
+    }
+  }
+
+  main#archive section.year div {
+    font-size: 1em;
+  }
+
+  main#single article {
+    width: 100%;
+    max-width: 100%;
+
+    div#info h1 {
+      font-size: 1.7em;
+    }
+  }
+}