From c0a4272fcc15da322b3b63fb0a3e211e786504e0 Mon Sep 17 00:00:00 2001
From: TrueKuehli <rctcoaster2000@hotmail.de>
Date: Sun, 30 Sep 2018 16:04:18 +0200
Subject: Split up SASS into multiple files

This will make adding pages much more easy, as some elements can be reused.
---
 .../src/style/partials/front-layer/_base.scss      | 23 ++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 WebInterface/NodeJSServer/src/style/partials/front-layer/_base.scss

(limited to 'WebInterface/NodeJSServer/src/style/partials/front-layer/_base.scss')

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;
+}
-- 
cgit v1.2.3-54-g00ecf