WIP

scape-agency · Jan 21, 2024 · 649b0ca · 649b0ca
1 parent 3b8ac31
commit 649b0ca
Show file tree

Hide file tree

Showing 29 changed files with 1,225 additions and 1,434 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/scss/_effect.scss b/src/scss/_effect.scss
diff --git a/src/scss/_mode.scss b/src/scss/_mode.scss
@@ -0,0 +1,17 @@
+// Dark Mode Toggle:
+// Enables dark mode styles with a CSS class.
+
+
+body.dark-mode {
+    background-color: #333;
+    color: #fff;
+
+    .btn {
+        background-color: #555;
+        color: #fff;
+    }
+
+    .card {
+        background-color: #424242;
+    }
+}
diff --git a/src/scss/effects/_animate.scss → src/scss/animation/--hover.scss b/src/scss/effects/_animate.scss → src/scss/animation/--hover.scss
@@ -18,6 +18,17 @@
 // ============================================================================
 
 
+// @mixin hover-animation($transition-duration: 0.3s) {
+//     transition: all $transition-duration ease;
+//     &:hover {
+//         transform: scale(1.1);
+//     }
+// }
+
+// .hover-grow {
+//     @include hover-animation();
+// }
+
 // Hover
 // ----------------------------------------------------------------------------
 
@@ -87,13 +98,6 @@
 
 
 
-
-
-// Blink
-// ----------------------------------------------------------------------------
-
-
-
 // Hover Drop Animation:
 // ----------------------------------------------------------------------------
 
@@ -110,30 +114,3 @@
 
 
 
-
-// .animated {
-//     -webkit-animation-duration: 3s;
-//     animation-duration: 3s;
-//     -webkit-animation-fill-mode: both;
-//     animation-fill-mode: both;
-//   }
-
-//   .animated-middle {
-//     -webkit-animation-duration: 1.2s;
-//     animation-duration: 1.2s;
-//     -webkit-animation-fill-mode: both;
-//     animation-fill-mode: both;
-//   }
-
-//   .animated-quick {
-//     -webkit-animation-duration: 0.6s;
-//     animation-duration: 0.6s;
-//     -webkit-animation-fill-mode: both;
-//     animation-fill-mode: both;
-//   }
-
-//   .animated.infinite {
-//     -webkit-animation-iteration-count: infinite;
-//     animation-iteration-count: infinite;
-//   }
-
diff --git a/src/scss/animation/_base.scss b/src/scss/animation/_base.scss
@@ -130,6 +130,32 @@ $color_end: #f00,
 
 
 
+// .animated {
+//     -webkit-animation-duration: 3s;
+//     animation-duration: 3s;
+//     -webkit-animation-fill-mode: both;
+//     animation-fill-mode: both;
+//   }
+
+//   .animated-middle {
+//     -webkit-animation-duration: 1.2s;
+//     animation-duration: 1.2s;
+//     -webkit-animation-fill-mode: both;
+//     animation-fill-mode: both;
+//   }
+
+//   .animated-quick {
+//     -webkit-animation-duration: 0.6s;
+//     animation-duration: 0.6s;
+//     -webkit-animation-fill-mode: both;
+//     animation-fill-mode: both;
+//   }
+
+//   .animated.infinite {
+//     -webkit-animation-iteration-count: infinite;
+//     animation-iteration-count: infinite;
+//   }
+