v0.7.6 - Added snackbar

2020-08-11 15:08:09 +02:00
parent 1e4d55ef26
commit b1b96ad080
8 changed files with 253 additions and 19 deletions
@@ -485,3 +485,43 @@ $primary-color: $blue;
        display: inline-block;
    }
 }
+
+#snackbar {
+    visibility: hidden;
+    width: calc(90% - 16px);
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    border-radius: 2px;
+    position: fixed;
+    z-index: 1;
+    left: calc(5% + 8px);
+    right: calc(5% + 8px);
+    bottom: 30px;
+}
+
+#snackbar.show {
+    visibility: visible;
+    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
+    animation: fadein 0.5s, fadeout 0.5s 2.5s;
+}
+
+@-webkit-keyframes fadein {
+    from {bottom: 0; opacity: 0;}
+    to {bottom: 30px; opacity: 1;}
+}
+
+@keyframes fadein {
+    from {bottom: 0; opacity: 0;}
+    to {bottom: 30px; opacity: 1;}
+}
+
+@-webkit-keyframes fadeout {
+    from {bottom: 30px; opacity: 1;}
+    to {bottom: 0; opacity: 0;}
+}
+
+@keyframes fadeout {
+    from {bottom: 30px; opacity: 1;}
+    to {bottom: 0; opacity: 0;}
+}