🎨 refactor: improve code format; set tabs = 4 spaces

sass/main.scss

@@ -64,6 +64,7 @@
     --meta-color: #5b5b65;
     --table-header-color: #BFEAF5;
 }
+
 [data-theme='dark'] {
     --background-color: #1f1f1f;
     --bg-0: #2f2f2f;
@@ -192,23 +193,28 @@ p {
     .content {
         max-width: var(--normal-layout-width);
     }
+
     body {
         margin: 0 32px;
     }
 }
+
 @media only screen and (max-width: 600px) {
     .content {
         max-width: var(--medium-layout-width);
     }
+
     body {
         margin: 0 16px;
     }
 }
+
 @media only screen and (max-width: 300px) {
     .content {
         max-width: var(--small-layout-width);
     }
 }
+
 @media all and (min-width: 600px) {
     html {
         font-size: 16.5px;

sass/parts/_archive.scss

@@ -8,8 +8,10 @@
         padding: 0.2rem 1rem;
         display: flex;
         gap: 1rem;
+
         .post-time {
             width: 4rem;
+
             .date {
                 color: var(--meta-color);
             }

sass/parts/_footer.scss

@@ -19,9 +19,7 @@ footer nav {
 
 .socials {
     justify-content: center;
-  /* flex-child */
     flex-grow: 0;
-  /* flex-container */
     display: flex;
     flex-wrap: wrap;
     align-items: flex-end;
@@ -35,7 +33,7 @@ footer nav {
     align-items: center;
 }
 
-.social>img {
+.social > img {
     color: #000000;
     aspect-ratio: 1/1;
     width: 1.5rem;
@@ -44,7 +42,7 @@ footer nav {
 
 .social {
     &:hover {
-    &>img {
+        & > img {
             filter: invert(1);
         }
     }
@@ -53,12 +51,12 @@ footer nav {
 [data-theme="dark"] {
     .social {
         &:hover {
-      &>img {
+            & > img {
                 filter: invert(0);
             }
         }
 
-    &>img {
+        & > img {
             filter: invert(1);
         }
     }

sass/parts/_header.scss

@@ -1,5 +1,6 @@
 header {
     width: 100%;
+
     .main {
         display: flex;
         flex-direction: row;
@@ -43,6 +44,7 @@ header {
 .nav-navs {
     display: flex;
     gap: 5px;
+
     img {
         border: none;
     }
@@ -84,7 +86,8 @@ header {
         text-decoration: none;
     }
 
-  ul, li {
+    ul,
+    li {
         list-style-type: none;
         display: inline;
     }

sass/parts/_image.scss

@@ -46,6 +46,7 @@ svg {
     .img-dark {
         display: block;
     }
+
     .img-light {
         display: none;
     }

sass/parts/_misc.scss

@@ -43,7 +43,12 @@ h6:hover .zola-anchor {
     opacity: 1;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
     a:hover {
         background-color: transparent;
     }
@@ -131,7 +136,6 @@ a:not(.no-hover-padding):hover::before {
     opacity: 1;
 }
 
-/* Remove post list padding */
 @media screen and (max-width: 600px) {
     .list > ul {
         margin: 0;
@@ -143,7 +147,7 @@ table {
     justify-self: center;
     font: inherit;
     overflow: hidden;
-  border-style : hidden!important;
+    border-style: hidden !important;
     margin: 2rem 0;
     font-family: sans-serif;
     min-width: 400px;
@@ -178,11 +182,13 @@ table tbody tr:nth-child(even) {
     margin-top: 3.5rem;
     border-top: 1px solid var(--border-color);
     padding-top: 1rem;
+
     sup {
         font-family: var(--serif-font);
         font-size: 0.75rem;
         margin-right: 0.15rem;
     }
+
     p {
         display: inline;
     }

sass/parts/_tags.scss

@@ -60,6 +60,7 @@
         padding: 0;
         margin: 0;
     }
+
     .tags-item {
         margin-top: 1rem;
     }

sass/parts/_theme-switch.scss

@@ -14,25 +14,31 @@
         display: flex;
         justify-content: center;
         align-items: center;
+
         img {
             width: 100%;
             height: auto;
             position: absolute;
             border: none;
         }
+
         .sun {
             opacity: 0;
         }
+
         .moon {
             opacity: 1;
         }
     }
+
     input {
         display: none;
+
         &:checked + .switch {
             .sun {
                 opacity: 1;
             }
+
             .moon {
                 opacity: 0;
             }