Merge branch 'feature/code-style' into develop

_sass/layout/archives.scss

@@ -41,6 +41,7 @@
     &:not(:first-child) {
       position: relative;
       left: 4px;
+
       &::after {
         left: 67px;
       }
@@ -98,6 +99,7 @@
   .date {
     white-space: nowrap;
     display: inline-block;
+
     &.month {
       width: 1.4rem;
       text-align: center;
@@ -120,6 +122,7 @@
         z-index: 1;
       }
     }
+
     &.day {
       font-size: 85%;
       font-family: 'Lato', sans-serif;
@@ -127,7 +130,7 @@
       margin-right: -2px;
       width: 1.2rem;
       position: relative;
-      left: -.15rem;
+      left: -0.15rem;
     }
   } // #archives .date
 
@@ -136,6 +139,7 @@
 @media all and (max-width: 576px) {
   #archives {
     margin-top: -1rem;
+
     ul {
       letter-spacing: 0;
     }

_sass/layout/category-tag.scss

@@ -3,7 +3,7 @@
 */
 
 .dash {
-  margin: 0 .5rem .6rem .5rem;
+  margin: 0 0.5rem 0.6rem 0.5rem;
   border-bottom: 2px dotted var(--dash-color);
 }
 
@@ -60,8 +60,9 @@
   #page-tag {
     ul > li {
       &::before {
-        margin: 0 .5rem;
+        margin: 0 0.5rem;
       }
+
       > a {
         white-space: nowrap;
         overflow: hidden;

_sass/layout/home.scss

@@ -22,24 +22,29 @@
       border-radius: 50%;
       border: 1px solid var(--btn-paginator-border-color);
       background-color: var(--button-bg);
+
       &:hover {
         background-color: var(--btn-paginator-hover-color);
       }
     }
+
     &.active {
       .page-link {
         background-color: var(--btn-paginator-hover-color);
         color: var(--btn-text-color);
       }
     }
+
     &.disabled {
       cursor: not-allowed;
+
       .page-link {
         color: rgba(108, 117, 125, 0.57);
         border-color: var(--btn-paginator-border-color);
         background-color: var(--button-bg);
       }
     }
+
     &:first-child .page-link,
     &:last-child .page-link {
       border-radius: 50%;
@@ -70,6 +75,7 @@
       i {
         font-size: 0.73rem;
       }
+
       span:not(:last-child) {
         margin-right: 1.2rem;
       }
@@ -79,6 +85,7 @@
       margin-top: 0.6rem;
       margin-bottom: 0.6rem;
       color: var(--post-list-text-color);
+
       > p {
         /* Make preview shorter on the homepage */
         margin: 0;
@@ -96,13 +103,13 @@
         padding-left: 3px;
         color: var(--pin-color);
       }
+
       > span {
         display: none;
       }
     }
 
   } // .post-preview
-
 } // #post-list
 
 /* Hide SideBar and TOC */
@@ -122,9 +129,9 @@
 
 /* Sidebar is visible */
 @media all and (min-width: 831px) {
-
   #post-list {
     margin-top: 1.5rem;
+
     .post-preview .post-meta {
       .pin {
         background: var(--pin-bg);

_sass/layout/post.scss

@@ -131,9 +131,11 @@
   top: 4rem;
   transition: top 0.2s ease-in-out;
   animation: fade-up 0.8s;
+
   &.topbar-down {
     top: 6rem;
   }
+
   > span {
     @include panel-label;
   }
@@ -162,6 +164,7 @@ nav[data-toggle=toc] {
   > h3 {
     @include label(1.1rem, 600);
   }
+
   .card {
     border-color: var(--card-border-color);
     background-color: var(--card-bg);
@@ -169,9 +172,11 @@ nav[data-toggle=toc] {
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
+
     h3 {
       color: var(--text-color);
     }
+
     &:hover {
       -webkit-transform: translate3d(0, -3px, 0);
       transform: translate3d(0, -3px, 0);
@@ -200,6 +205,7 @@ nav[data-toggle=toc] {
   ul {
     list-style-type: none;
     padding-inline-start: 1.5rem;
+
     > li::before {
       background: #c2c9d4;
       width: 5px;
@@ -238,17 +244,21 @@ nav[data-toggle=toc] {
 
   .share-icons {
     font-size: 1.2rem;
+
     a {
       &:not(:last-child) {
         margin-right: 0.25rem;
       }
+
       &:hover {
         text-decoration: none;
+
         > i {
           @extend %btn-share-hovor;
         }
       }
     }
+
     > i {
       position: relative;
       bottom: 1px;
@@ -259,16 +269,20 @@ nav[data-toggle=toc] {
         @extend %btn-share-hovor;
       }
     }
+
     .fab {
       &.fa-twitter {
         @include btn-sharing-color(rgba(29, 161, 242, 1));
       }
+
       &.fa-facebook-square {
         @include btn-sharing-color(rgb(66, 95, 156));
       }
+
       &.fa-telegram {
         @include btn-sharing-color(rgb(39, 159, 217));
       }
+
       &.fa-weibo {
         @include btn-sharing-color(rgb(229, 20, 43));
       }
@@ -292,8 +306,10 @@ nav[data-toggle=toc] {
 
 .license-wrapper {
   line-height: 1.2rem;
+
   > a {
     font-weight: 600;
+
     &:hover {
       @extend %link-hover;
     }
@@ -308,7 +324,8 @@ nav[data-toggle=toc] {
   .post-tail-bottom {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important;
-    >div:first-child {
+
+    > div:first-child {
       width: 100%;
       margin-top: 1rem;
     }
@@ -324,9 +341,10 @@ nav[data-toggle=toc] {
 @media all and (min-width: 768px) {
   #post-wrapper {
     .post-meta {
-      >div:not(:first-child)::before {
+      > div:not(:first-child)::before {
         @include dot(0.5rem, 0.2rem);
       }
+
       &.flex-column {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: normal !important;
@@ -342,7 +360,7 @@ nav[data-toggle=toc] {
   .post-navigation {
     padding-left: 0;
     padding-right: 0;
-    margin-left: -.5rem;
-    margin-right: -.5rem;
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
   }
 }

_sass/layout/tags.scss

@@ -10,6 +10,7 @@
   letter-spacing: 0;
   border: 1px solid var(--tag-border) !important;
   box-shadow: 0 0 3px 0 var(--tag-shadow);
+
   span {
     margin-left: 0.6em;
     font-size: 0.7em;