style: formatted code styles

ZacharyBear · Aug 20, 2024 · 328958a · 328958a
1 parent a70acd9
commit 328958a
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 28 deletions.
diff --git a/src/index.html b/src/index.html
@@ -1,22 +1,25 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="/style/global.scss" />
-  <link rel="stylesheet" href="welcome.scss" />
-  <title>Document</title>
-</head>
-<body>
-  <main>
-    <h1>Zachary's Three.js Works</h1>
-    <a href="pages/basic/hello/index.html">Browse from "Hello Three.js"</a>
-  </main>
-  <footer>
-    <div>Copyright by Zachary Bear 2024.</div>
-    <div>Contact me on <a href="https://github.com/ZenkieBear">Github</a>.</div>
-    <div>This is an open-source project, <a href="https://github.com/ZenkieBear/learn-three">check it out</a> on Github.</div>
-  </footer>
-</body>
-<script type="module" src="welcome.ts"></script>
-</html>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="/style/global.scss" />
+    <link rel="stylesheet" href="welcome.scss" />
+    <title>Document</title>
+  </head>
+  <body>
+    <main>
+      <h1>Zachary's Three.js Works</h1>
+      <a href="pages/basic/hello/index.html">Browse from "Hello Three.js"</a>
+    </main>
+    <footer>
+      <div>Copyright by Zachary Bear 2024.</div>
+      <div>Contact me on <a href="https://github.com/ZenkieBear">Github</a>.</div>
+      <div>
+        This is an open-source project,
+        <a href="https://github.com/ZenkieBear/learn-three">check it out</a> on Github.
+      </div>
+    </footer>
+  </body>
+  <script type="module" src="welcome.ts"></script>
+</html>
diff --git a/src/style/global.scss b/src/style/global.scss
@@ -7,7 +7,9 @@ $clr-bg-hover: lighten($accent, 20%);
   padding: 0;
   box-sizing: border-box;
 
-  &, &::after, &::before {
+  &,
+  &::after,
+  &::before {
     transition: 0.3s ease;
   }
 }
@@ -96,8 +98,8 @@ $indicator-color: black;
 
 .menu > li,
 .sub-menu > li {
-  transition: .3s ease-out;
-  
+  transition: 0.3s ease-out;
+
   &:hover > .sub-menu {
     transform: scaleY(1);
   }

diff --git a/src/welcome.scss b/src/welcome.scss
@@ -37,10 +37,9 @@ main {
       &::before {
         left: 1em;
         opacity: 1;
-        transition: all .4s ease-out;
+        transition: all 0.4s ease-out;
       }
     }
-
   }
 
   @media screen and (max-width: 768px) {
@@ -62,7 +61,7 @@ main {
 footer {
   display: flex;
   flex-direction: column;
-  gap: .5rem;
+  gap: 0.5rem;
   margin-top: 2rem;
   padding: 2.5% 5% 0;
   min-height: 50vh;
@@ -79,4 +78,4 @@ footer {
   padding: 0 5%;
   background-color: rgba($accent, 5%);
   backdrop-filter: blur(1rem);
-}
+}