soneta-ui-style

2026-03-22 20:56:25 +01:00
parent ccaf27e569
commit 81b895cf2f
707 changed files with 33942 additions and 0 deletions
@@ -0,0 +1,76 @@
+body {
+  margin: 0;
+  padding: 0;
+}
+
+.splash-screen {
+  position: relative;
+  left: 0;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: $splash_screen_bg;
+
+  svg {
+    display: none;
+    position: absolute;
+    z-index: 1000;
+    width: 100px;
+    height: 100px;
+    left: calc(50% - 50px);
+    top: calc(50% - 50px);
+
+    path {
+      fill: $splash_logo !important;
+    }
+  }
+
+  .splash-spinner,
+  .splash-spinner:after {
+    border-radius: 50%;
+    width: 130px;
+    height: 130px;
+  }
+  .splash-spinner {
+    display: none;
+    box-sizing: border-box;
+    font-size: 6px;
+    position: absolute;
+    left: calc(50% - 65px);
+    top: calc(50% - 65px);
+    text-indent: -9999em;
+    border-top: $splash_spinner_track;
+    border-right: $splash_spinner_track;
+    border-bottom: $splash_spinner_track;
+    border-left: $splash_spinner_fill;
+    -webkit-transform: translateZ(0);
+    -ms-transform: translateZ(0);
+    transform: translateZ(0);
+    -webkit-animation: splashSpinner 1.1s infinite linear;
+    animation: splashSpinner 1.1s infinite linear;
+  }
+
+  @-webkit-keyframes splashSpinner {
+    0% {
+      -webkit-transform: rotate(0deg);
+      transform: rotate(0deg);
+    }
+    100% {
+      -webkit-transform: rotate(360deg);
+      transform: rotate(360deg);
+    }
+  }
+  @keyframes splashSpinner {
+    0% {
+      -webkit-transform: rotate(0deg);
+      transform: rotate(0deg);
+    }
+    100% {
+      -webkit-transform: rotate(360deg);
+      transform: rotate(360deg);
+    }
+  }
+}