split scss into partials

1 files changed, 34 insertions, 0 deletions

diff --git a/styles/main/_splash.scss b/styles/main/_splash.scss
new file mode 100644
index 0000000..3db973f
--- /dev/null
+++ b/styles/main/_splash.scss
@@ -0,0 +1,34 @@
+.loader,
+.connection {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  flex-direction: column;
+
+  @keyframes rotating {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  svg {
+    font-size: 600%;
+    color: #ccc;
+  }
+
+  p {
+    padding-top: 1em;
+    color: #ccc;
+    font-weight: 600;
+  }
+}
+
+.loader {
+  svg {
+    animation: rotating 1s linear infinite;
+  }
+}