chore: refactor code style

assets/css/_core/_base.scss

@@ -60,7 +60,6 @@ body {
 a {
   color: $global-link-color;
   text-decoration: none;
-  word-break: break-all;
   transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
 
   &:hover {

assets/css/_core/_media.scss

@@ -32,8 +32,8 @@
 }
 
 @media only screen and (max-width: 960px) {
-  .navbar {
-    .navbar-container {
+  header.desktop {
+    .header-wrapper {
       margin: 0 1rem;
     }
   }
@@ -52,11 +52,11 @@
 }
 
 @media only screen and (max-width: 560px) {
-  .navbar {
+  header.desktop {
     display: none;
   }
 
-  .navbar-mobile {
+  header.mobile {
     display: block;
   }
 

assets/css/_page/_404.scss

@@ -1,4 +1,4 @@
-.notfound {
+#content-404 {
   font-size: 1.8rem;
   line-height: 3rem;
   transform: translateY(30vh);

assets/css/_page/_archive.scss

@@ -0,0 +1,9 @@
+.archive {
+  .single-title {
+    text-align: right;
+    padding-bottom: 2rem;
+  }
+
+  @import "../_partial/_archive/terms";
+  @import "../_partial/_archive/tags";
+}

assets/css/_page/_home.scss

@@ -1,55 +1,70 @@
 /** Home **/
-.home-intro {
-  transform: translateY(25vh);
-  text-align: center;
-
-  .home-avatar {
-    padding: 0.6rem;
-
-    img {
-      width: 8rem;
-      height: auto;
-      display: inline-block;
-      -webkit-border-radius: 100%;
-      border-radius: 100%;
-      -webkit-box-shadow: 0 0 0 0.3618em rgba(0, 0, 0, 0.05);
-      box-shadow: 0 0 0 0.3618em rgba(0, 0, 0, 0.05);
-      margin: 0 auto;
-      -webkit-transition: all ease 0.4s;
-      -moz-transition: all ease 0.4s;
-      -o-transition: all ease 0.4s;
-      transition: all ease 0.4s;
-      cursor: pointer;
-
-      &:hover {
-        position: relative;
-        -webkit-transform: translateY(-0.75rem);
-        -moz-transform: translateY(-0.75rem);
-        -ms-transform: translateY(-0.75rem);
-        -o-transform: translateY(-0.75rem);
-        transform: translateY(-0.75rem);
-        cursor: pointer;
-      }
-    }
-  }
+@import "../_partial/_home/summary";
 
-  .home-description {
-    font-size: 1rem;
-    font-weight: normal;
-    margin: 0;
-    padding: .4rem;
-  }
+@mixin page-home($profile, $posts) {
+  .home {
+    @if $profile {
+      .home-profile {
+        transform: translateY(if($posts, 0, 16vh));
+        padding: if($posts, 2rem, 0) 0;
+        text-align: center;
+
+        .home-avatar {
+          padding: 0.6rem;
+
+          img {
+            width: if($posts, 6rem, 8rem);
+            height: auto;
+            display: inline-block;
+            -webkit-border-radius: 100%;
+            border-radius: 100%;
+            -webkit-box-shadow: 0 0 0 0.3618em rgba(0, 0, 0, 0.05);
+            box-shadow: 0 0 0 0.3618em rgba(0, 0, 0, 0.05);
+            margin: 0 auto;
+            -webkit-transition: all ease 0.4s;
+            -moz-transition: all ease 0.4s;
+            -o-transition: all ease 0.4s;
+            transition: all ease 0.4s;
+            cursor: pointer;
 
-  .home-social-links {
-    padding-top: .6rem;
+            &:hover {
+              position: relative;
+              -webkit-transform: translateY(-0.75rem);
+              -moz-transform: translateY(-0.75rem);
+              -ms-transform: translateY(-0.75rem);
+              -o-transform: translateY(-0.75rem);
+              transform: translateY(-0.75rem);
+              cursor: pointer;
+            }
+          }
+        }
 
-    i {
-      font-size: 1.45rem;
+        .home-description {
+          font-size: 1rem;
+          font-weight: normal;
+          margin: 0;
+          padding: .4rem;
+        }
+
+        .home-social-links {
+          padding-top: .6rem;
+
+          i {
+            font-size: 1.45rem;
+          }
+
+          img {
+            width: 1.5rem;
+            height: 1.5rem;
+          }
+        }
+      }
     }
 
-    img {
-      width: 1.5rem;
-      height: 1.5rem;
+    @if $posts {
+      @include summary;
     }
   }
 }
+
+@include page-home($home-profile, $home-posts);

assets/css/_page/_index.scss

@@ -6,25 +6,8 @@
   padding-top: 6rem;
 }
 
+@import "_single";
+@import "_special";
+@import "_archive";
 @import "_home";
 @import "_404";
-
-@import "_post";
-@import "_posts";
-
-.archive {
-  .post-title {
-    text-align: right;
-    padding-bottom: 2rem;
-  }
-
-  @import "_terms";
-  @import "_tags";
-}
-
-.single {
-  .post-title {
-    text-align: right;
-    padding-bottom: 2rem;
-  }
-}