vgapp 0.2.7 → 0.2.8

package/app/utils/scss/default.css

@@ -1,198 +1,198 @@
-.vg-backdrop {
-  --vg-backdrop-bg: rgb(0, 0, 0) ;
-  --vg-backdrop-opacity: 0.4 ;
-  --vg-backdrop-z-index: 999 ;
-  --vg-backdrop-transition: all 0.5s ease-in-out ;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background: var(--vg-backdrop-bg);
-  transition: var(--vg-backdrop-transition);
-  opacity: 0;
-  z-index: var(--vg-backdrop-z-index);
-}
-.vg-backdrop.fade {
-  opacity: var(--vg-backdrop-opacity);
-}
-
-.vg-btn-close {
-  position: absolute;
-  right: 1rem;
-  top: 1rem;
-  border: none;
-  background: transparent;
-}
-.vg-btn-close svg {
-  width: 24px;
-  height: 24px;
-}
-
-.vg-collapse:not(.show) {
-  display: none;
-}
-
-.vg-collapsing {
-  height: 0;
-  overflow: hidden;
-  transition: all 0.5s ease-in-out;
-}
-
-/**
-* Loader
- */
-.vg-loader, .vg.loader:after {
-  border-radius: 50%;
-  width: 7em;
-  height: 7em;
-}
-
-.vg-loader {
-  --vg-loader-border-width: 0.75em ;
-  --vg-loader-border-style: solid ;
-  --vg-loader-border-color: rgba(0, 0, 0, 0.2) ;
-  --vg-loader-color: rgb(33, 37, 41) ;
-  --vg-loader-font-size: 10px ;
-  --vg-loader-margin: 30px auto ;
-  --vg-loader-animation: vgLoader 1.1s infinite linear ;
-  --vg-loader-transform: translateZ(0) ;
-  margin: var(--vg-loader-margin);
-  font-size: var(--vg-loader-font-size);
-  position: relative;
-  text-indent: -9999em;
-  border-top: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-border-color);
-  border-right: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-border-color);
-  border-bottom: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-border-color);
-  border-left: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-color);
-  transform: var(--vg-loader-transform);
-  animation: var(--vg-loader-animation);
-}
-
-/**
-* UI before Animation
- */
-.ui-success-circle {
-  stroke-dasharray: 260.752190248px, 260.752190248px;
-  stroke-dashoffset: 270.752190248px;
-  transform: rotate(0);
-  transform-origin: center center;
-  stroke-linecap: round;
-  animation: ani-success-circle 1s ease-in both;
-}
-.ui-success-path {
-  stroke-dasharray: 60px 64px;
-  stroke-dashoffset: 62px;
-  stroke-linecap: round;
-  animation: ani-success-path 0.4s 1s ease-in both;
-}
-
-.ui-error-circle {
-  stroke-dasharray: 260.752190248px, 260.752190248px;
-  stroke-dashoffset: 260.752190248px;
-  animation: ani-error-circle 1.2s linear;
-}
-.ui-error-line1 {
-  stroke-dasharray: 54px 55px;
-  stroke-dashoffset: 55px;
-  stroke-linecap: round;
-  animation: ani-error-line 0.15s 1.2s linear both;
-}
-.ui-error-line2 {
-  stroke-dasharray: 54px 55px;
-  stroke-dashoffset: 55px;
-  stroke-linecap: round;
-  animation: ani-error-line 0.2s 0.9s linear both;
-}
-
-.ui-waiting-circle {
-  stroke-dasharray: 260.752190248px, 260.752190248px;
-  stroke-dashoffset: 260.752190248px;
-  animation: ani-waiting-circle 1.2s linear;
-}
-.ui-waiting-line1 {
-  stroke-dasharray: 280.752190248px, 200.752190248px;
-  stroke-dashoffset: 280.752190248px;
-  animation: ani-waiting-line 0.8s 0.3s linear both;
-  transform: rotate(0);
-  transform-origin: center center;
-}
-.ui-waiting-line2 {
-  stroke-dasharray: 54px 55px;
-  stroke-dashoffset: 55px;
-  animation: ani-waiting-line2 0.85s 0.6s ease-in both;
-  transform: rotate(0) scale(0.9);
-  transform-origin: center center;
-}
-
-/**
-* Animation Loader
- */
-@keyframes vgLoader {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes ani-success-circle {
-  to {
-    stroke-dashoffset: 782.2565707439px;
-  }
-}
-@keyframes ani-success-path {
-  0% {
-    stroke-dashoffset: 62px;
-  }
-  65% {
-    stroke-dashoffset: -5px;
-  }
-  84% {
-    stroke-dashoffset: 4px;
-  }
-  100% {
-    stroke-dashoffset: -2px;
-  }
-}
-@keyframes ani-error-line {
-  to {
-    stroke-dashoffset: 0;
-  }
-}
-@keyframes ani-error-circle {
-  0% {
-    stroke-dasharray: 0, 260.752190248px;
-    stroke-dashoffset: 0;
-  }
-  35% {
-    stroke-dasharray: 120px, 120px;
-    stroke-dashoffset: -120px;
-  }
-  70% {
-    stroke-dasharray: 0, 260.752190248px;
-    stroke-dashoffset: -260.752190248px;
-  }
-  100% {
-    stroke-dasharray: 260.752190248px, 0;
-    stroke-dashoffset: -260.752190248px;
-  }
-}
-@keyframes ani-waiting-circle {
-  to {
-    stroke-dashoffset: 782.2565707439px;
-  }
-}
-@keyframes ani-waiting-line {
-  to {
-    stroke-dashoffset: 0;
-  }
-}
-@keyframes ani-waiting-line2 {
-  to {
-    stroke-dashoffset: 0;
-    transform: rotate(360deg) scale(1);
-  }
-}
-
-/*# sourceMappingURL=default.css.map */
+.vg-backdrop {
+  --vg-backdrop-bg: rgb(0, 0, 0) ;
+  --vg-backdrop-opacity: 0.4 ;
+  --vg-backdrop-z-index: 999 ;
+  --vg-backdrop-transition: all 0.5s ease-in-out ;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background: var(--vg-backdrop-bg);
+  transition: var(--vg-backdrop-transition);
+  opacity: 0;
+  z-index: var(--vg-backdrop-z-index);
+}
+.vg-backdrop.fade {
+  opacity: var(--vg-backdrop-opacity);
+}
+
+.vg-btn-close {
+  position: absolute;
+  right: 1rem;
+  top: 1rem;
+  border: none;
+  background: transparent;
+}
+.vg-btn-close svg {
+  width: 24px;
+  height: 24px;
+}
+
+.vg-collapse:not(.show) {
+  display: none;
+}
+
+.vg-collapsing {
+  height: 0;
+  overflow: hidden;
+  transition: all 0.5s ease-in-out;
+}
+
+/**
+* Loader
+ */
+.vg-loader, .vg.loader:after {
+  border-radius: 50%;
+  width: 7em;
+  height: 7em;
+}
+
+.vg-loader {
+  --vg-loader-border-width: 0.75em ;
+  --vg-loader-border-style: solid ;
+  --vg-loader-border-color: rgba(0, 0, 0, 0.2) ;
+  --vg-loader-color: rgb(33, 37, 41) ;
+  --vg-loader-font-size: 10px ;
+  --vg-loader-margin: 30px auto ;
+  --vg-loader-animation: vgLoader 1.1s infinite linear ;
+  --vg-loader-transform: translateZ(0) ;
+  margin: var(--vg-loader-margin);
+  font-size: var(--vg-loader-font-size);
+  position: relative;
+  text-indent: -9999em;
+  border-top: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-border-color);
+  border-right: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-border-color);
+  border-bottom: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-border-color);
+  border-left: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-color);
+  transform: var(--vg-loader-transform);
+  animation: var(--vg-loader-animation);
+}
+
+/**
+* UI before Animation
+ */
+.ui-success-circle {
+  stroke-dasharray: 260.752190248px, 260.752190248px;
+  stroke-dashoffset: 270.752190248px;
+  transform: rotate(0);
+  transform-origin: center center;
+  stroke-linecap: round;
+  animation: ani-success-circle 1s ease-in both;
+}
+.ui-success-path {
+  stroke-dasharray: 60px 64px;
+  stroke-dashoffset: 62px;
+  stroke-linecap: round;
+  animation: ani-success-path 0.4s 1s ease-in both;
+}
+
+.ui-error-circle {
+  stroke-dasharray: 260.752190248px, 260.752190248px;
+  stroke-dashoffset: 260.752190248px;
+  animation: ani-error-circle 1.2s linear;
+}
+.ui-error-line1 {
+  stroke-dasharray: 54px 55px;
+  stroke-dashoffset: 55px;
+  stroke-linecap: round;
+  animation: ani-error-line 0.15s 1.2s linear both;
+}
+.ui-error-line2 {
+  stroke-dasharray: 54px 55px;
+  stroke-dashoffset: 55px;
+  stroke-linecap: round;
+  animation: ani-error-line 0.2s 0.9s linear both;
+}
+
+.ui-waiting-circle {
+  stroke-dasharray: 260.752190248px, 260.752190248px;
+  stroke-dashoffset: 260.752190248px;
+  animation: ani-waiting-circle 1.2s linear;
+}
+.ui-waiting-line1 {
+  stroke-dasharray: 280.752190248px, 200.752190248px;
+  stroke-dashoffset: 280.752190248px;
+  animation: ani-waiting-line 0.8s 0.3s linear both;
+  transform: rotate(0);
+  transform-origin: center center;
+}
+.ui-waiting-line2 {
+  stroke-dasharray: 54px 55px;
+  stroke-dashoffset: 55px;
+  animation: ani-waiting-line2 0.85s 0.6s ease-in both;
+  transform: rotate(0) scale(0.9);
+  transform-origin: center center;
+}
+
+/**
+* Animation Loader
+ */
+@keyframes vgLoader {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ani-success-circle {
+  to {
+    stroke-dashoffset: 782.2565707439px;
+  }
+}
+@keyframes ani-success-path {
+  0% {
+    stroke-dashoffset: 62px;
+  }
+  65% {
+    stroke-dashoffset: -5px;
+  }
+  84% {
+    stroke-dashoffset: 4px;
+  }
+  100% {
+    stroke-dashoffset: -2px;
+  }
+}
+@keyframes ani-error-line {
+  to {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes ani-error-circle {
+  0% {
+    stroke-dasharray: 0, 260.752190248px;
+    stroke-dashoffset: 0;
+  }
+  35% {
+    stroke-dasharray: 120px, 120px;
+    stroke-dashoffset: -120px;
+  }
+  70% {
+    stroke-dasharray: 0, 260.752190248px;
+    stroke-dashoffset: -260.752190248px;
+  }
+  100% {
+    stroke-dasharray: 260.752190248px, 0;
+    stroke-dashoffset: -260.752190248px;
+  }
+}
+@keyframes ani-waiting-circle {
+  to {
+    stroke-dashoffset: 782.2565707439px;
+  }
+}
+@keyframes ani-waiting-line {
+  to {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes ani-waiting-line2 {
+  to {
+    stroke-dashoffset: 0;
+    transform: rotate(360deg) scale(1);
+  }
+}
+
+/*# sourceMappingURL=default.css.map */