update: scss — formatting and empty spaces (#273)

update: `scss` — formatting and empty spaces

Author: EmptyWork

src/assets/scss/components/_note.scss

@@ -1,4 +1,3 @@
-
 .note {
   color: var(--clr-white);
   display: flex;

src/assets/scss/components/_partof.scss

@@ -34,7 +34,7 @@
     padding: 3em 2em 2em 2em;
     width: 100%;
 
-    h2 {
+    .header-title {
       text-transform: uppercase;
       letter-spacing: 0.1em;
 
@@ -112,11 +112,9 @@
             border: none;
             color: var(--clr-white);
             background: var(--clr-accent-dark);
-            background-image: linear-gradient(
-              -90deg,
-              var(--clr-accent),
-              var(--clr-accent-dark)
-            );
+            background-image: linear-gradient(-90deg,
+                var(--clr-accent),
+                var(--clr-accent-dark));
             background-size: 400%;
             animation: positionanimate 1s infinite alternate;
           }
@@ -164,7 +162,8 @@
   0% {
     background-position: left;
   }
+
   100% {
     background-position: right;
   }
-}
+}

src/assets/scss/components/_post.scss

@@ -34,6 +34,7 @@
         color: var(--clr-white);
         margin-bottom: 1em;
         width: fit-content;
+        height: fit-content;
         flex-wrap: wrap;
         gap: .5em;
         display: flex;

src/assets/scss/components/_preload.scss

@@ -53,4 +53,4 @@
   100% {
     rotate: 0deg;
   }
-}
+}

src/assets/scss/components/_prototype.scss

@@ -156,7 +156,7 @@
       background-color: var(--_item-color);
       background-image: linear-gradient(90deg, var(--_item-color), var(--clr-accent) var(--_range));
       border-radius: 0.3rem;
-      
+
       &:is(.error, .active) {
         --_range: 400%;
         color: var(--clr-white);
@@ -165,18 +165,16 @@
       &.error {
         --_item-color: hsl(0, 70%, 43%);
       }
-      
+
       &.active {
         --_item-color: hsl(120, 70%, 26%);
       }
     }
 
     .status {
-      background-image: linear-gradient(
-        -90deg,
-        var(--clr-accent),
-        var(--clr-accent-dark)
-      );
+      background-image: linear-gradient(-90deg,
+          var(--clr-accent),
+          var(--clr-accent-dark));
       padding: 0 0.7rem;
       display: flex;
       align-items: center;
@@ -224,14 +222,18 @@
       scrollbar-width: none;
       position: relative;
 
-      &::-webkit-scrollbar {
+      &::-webkit-scrollbar,
+      &::-webkit-scrollbar:vertical {
         width: 0;
       }
     }
 
     pre {
       overflow: scroll;
-      &::-webkit-scrollbar {
+      scrollbar-width: none;
+
+      &::-webkit-scrollbar,
+      &::-webkit-scrollbar:vertical {
         width: 0;
       }
     }
@@ -264,4 +266,4 @@
       color: var(--clr-background);
     }
   }
-}
+}

src/assets/scss/layouts/_footer.scss

@@ -69,4 +69,4 @@
       flex-direction: row;
     }
   }
-}
+}

src/assets/scss/layouts/_header.scss

@@ -18,4 +18,4 @@
       height: auto;
     }
   }
-}
+}