Merge pull request #26 from milky-ashes/master

styles for flash
spiral-modules · Feb 9, 2016 · db6912a · db6912a
2 parents 4f8f365 + 023f3d5
commit db6912a
Show file tree

Hide file tree

Showing 2 changed files with 63 additions and 0 deletions.
diff --git a/resources/styles/spiral/vault/sstyle.scss b/resources/styles/spiral/vault/sstyle.scss
@@ -898,3 +898,39 @@ textarea {
   }
 }
 
+.flash-wrapper {
+  position: fixed;
+  bottom: 40px;
+  width: 288px;
+  right: 10px;
+  -webkit-transition-duration: 0.7s;
+  transition-duration: 0.7s;
+  z-index: 10000;
+  bottom: -120%;
+
+  &.show {
+    bottom: 40px;
+  }
+
+  &.flash {
+    color: #fff;
+    position: relative;
+    border-radius: 2px;
+    margin: 0 auto;
+    padding: 12px 24px;
+    -webkit-transform: rotateX(0deg);
+    transform: rotateX(0deg);
+    opacity: 1;
+
+    &.info {
+      background: #212121;
+    }
+    &.debug {
+      background: #FF9800;
+    }
+    &.danger {
+      background: #DD2C00;
+    }
+  }
+}
+
diff --git a/resources/styles/spiral/vault/vault.css b/resources/styles/spiral/vault/vault.css
@@ -10972,3 +10972,30 @@ textarea {
     border-color: #a4a4a4; }
   .login-page .btn, .login-page .btn-large {
     width: 100%; }
+
+.flash-wrapper {
+  position: fixed;
+  bottom: 40px;
+  width: 288px;
+  right: 10px;
+  -webkit-transition-duration: 0.7s;
+  transition-duration: 0.7s;
+  z-index: 10000;
+  bottom: -120%; }
+  .flash-wrapper.show {
+    bottom: 40px; }
+  .flash-wrapper.flash {
+    color: #fff;
+    position: relative;
+    border-radius: 2px;
+    margin: 0 auto;
+    padding: 12px 24px;
+    -webkit-transform: rotateX(0deg);
+    transform: rotateX(0deg);
+    opacity: 1; }
+    .flash-wrapper.flash.info {
+      background: #212121; }
+    .flash-wrapper.flash.debug {
+      background: #FF9800; }
+    .flash-wrapper.flash.danger {
+      background: #DD2C00; }