Init

frontend/scss/styles.scss

@@ -0,0 +1,58 @@
+body {
+  display: flex;
+  flex-direction: column;
+  overflow-x: hidden;
+  min-height: 100vh;
+}
+
+#wrapper {
+  flex: 1;
+}
+
+#main {
+  margin: 2vh 0;
+}
+
+#notifications {
+  overflow: hidden;
+  position: fixed;
+  right: 0;
+  z-index: 100;
+}
+
+#notifications-column {
+  width: 100%;
+  margin: 5% 0 0 auto;
+}
+
+.notification-slide-from-right {
+  position: relative;
+  animation-name: slideFromRight;
+  animation-duration: 0.5s;
+  animation-timing-function: ease;
+  transition: all 1s ease-out;
+  margin-right: 5%;
+}
+
+@keyframes slideFromRight {
+  from {
+    opacity: 0;
+    transform: translateX(100%);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+// .loader {
+//   width: 48px;
+//   height: 48px;
+//   border: 5px solid black;
+//   border-bottom-color: transparent;
+//   border-radius: 50%;
+//   display: inline-block;
+//   box-sizing: border-box;
+//   animation: rotation 1s linear infinite;
+// }