merged react app into nextjs app

2023-01-06 16:33:37 +01:00 · 2023-01-06 16:33:37 +01:00 · 7fedfd04ed
commit 7fedfd04ed
parent 8e5e2f2f61
60 changed files with 612 additions and 25050 deletions
--- a/leaky-ships/styles/home.scss
+++ b/leaky-ships/styles/home.scss
@ -0,0 +1,36 @@
+@use './mixins/effects' as *;
+
+#tiles {
+    height: 100vh;
+    width: 100vw;
+    display: grid;
+    grid-template-columns: repeat(var(--columns), 1fr);
+    grid-template-rows: repeat(var(--rows), 1fr);
+
+    .tile {
+        background-color: var(--bg-color-1);
+
+        &.active {
+            animation: bright .3s forwards;
+            animation-delay: var(--delay);
+        }
+    }
+}
+
+@keyframes bright {
+    0% {
+        background-color: var(--bg-color-1);
+    }
+
+    50% {
+
+        background-color: var(--bg-color-2);
+        filter: brightness(130%);
+        outline: 1px solid white;
+    }
+
+    100% {
+
+        background-color: var(--bg-color-2);
+    }
+}