made .box look better on newer themes; updated readme.md to add new themes; modularized blog sass some

sass/_blog/_article.scss

@@ -0,0 +1,39 @@
+.article {
+    margin-top: 1rem;
+
+
+    .article-title {
+        font-size: 2rem;
+        font-weight: lighter;
+        line-height: 2;
+        margin-bottom: 0.5rem;
+    }
+
+    .article-subtitle {
+        margin-bottom: 3rem;
+    }
+
+    .article-footer,
+    .article-body {
+        margin: 2rem 0;
+
+        @include desktop {
+            margin: 2rem 6rem;
+        }
+    }
+
+    .article-body {
+        line-height: 1.4;
+    }
+
+    .article-footer {
+        font-style: italic;
+        padding: 1.5rem;
+        width: 100%;
+
+        .button,
+        .tag {
+            font-style: normal;
+        }
+    }
+}

sass/_blog/_nav.scss

@@ -0,0 +1,10 @@
+nav {
+    .navbar-end {
+        height: 100%;
+    }
+
+    .navbar-brand .brand-text {
+        font-size: 1.11rem;
+        font-weight: bold;
+    }
+}

sass/_blog/_pagination.scss

@@ -0,0 +1,8 @@
+.paginator-container {
+    padding: 2rem 0;
+
+    .pagination-previous,
+    .pagination-next {
+        flex-grow: 0;
+    }
+}

sass/_blog/_search-results.scss

@@ -0,0 +1,26 @@
+.search-results {
+    display: none;
+    max-height: 35rem;
+    overflow: auto;
+
+    @include desktop {
+        position: absolute;
+        top: 100%;
+        width: 50rem;
+        right: 0;
+        margin-right: 0.75rem;
+    }
+
+    .search-results__items>li {
+        list-style: none;
+        margin-top: 1rem;
+
+        &:first-child {
+            margin-top: 0;
+        }
+    }
+}
+
+input#search::placeholder {
+    color: $grey-darker;
+}