Split up SASS into multiple files

This will make adding pages much more easy, as some elements can be reused.

1 files changed, 23 insertions, 0 deletions

diff --git a/WebInterface/NodeJSServer/src/style/partials/front-layer/_base.scss b/WebInterface/NodeJSServer/src/style/partials/front-layer/_base.scss
new file mode 100644
index 0000000..6a2aa9a
--- /dev/null
+++ b/WebInterface/NodeJSServer/src/style/partials/front-layer/_base.scss
@@ -0,0 +1,23 @@
+.front-layer {
+  @keyframes start {
+    from {top: 100vh;}
+    to  {top: 0;}
+  }
+
+  position: relative;
+  border: none;
+  border-radius: 16px 16px 0 0;
+  min-height: 0;
+  height: 100%;
+
+  box-sizing: border-box;
+  background-color: white;
+  margin-top: 8px;
+  animation-name: start;
+  animation-duration: 1s;
+  animation-timing-function: ease;
+  color: black;
+
+  display: flex;
+  flex-direction: column;
+}