From 3e8b34be2fdeccf16c8b46f1ee518f970853768d Mon Sep 17 00:00:00 2001
From: Mitch Riedstra <Mitch@riedstra.us>
Date: Tue, 24 Oct 2017 16:59:48 -0400
Subject: Adding in materialize source and templates

---
 .../static/materialize/sass/components/_toast.scss | 59 ++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 app/dispatch/static/materialize/sass/components/_toast.scss

(limited to 'app/dispatch/static/materialize/sass/components/_toast.scss')

diff --git a/app/dispatch/static/materialize/sass/components/_toast.scss b/app/dispatch/static/materialize/sass/components/_toast.scss
new file mode 100644
index 0000000..3772d44
--- /dev/null
+++ b/app/dispatch/static/materialize/sass/components/_toast.scss
@@ -0,0 +1,59 @@
+#toast-container {
+  display:block;
+  position: fixed;
+  z-index: 10000;
+
+  @media #{$small-and-down} {
+    min-width: 100%;
+    bottom: 0%;
+  }
+  @media #{$medium-only} {
+    left: 5%;
+    bottom: 7%;
+    max-width: 90%;
+  }
+  @media #{$large-and-up} {
+    top: 10%;
+    right: 7%;
+    max-width: 86%;
+  }
+}
+
+.toast {
+  @extend .z-depth-1;
+  border-radius: 2px;
+  top: 35px;
+  width: auto;
+  margin-top: 10px;
+  position: relative;
+  max-width:100%;
+  height: auto;
+  min-height: $toast-height;
+  line-height: 1.5em;
+  word-break: break-all;
+  background-color: $toast-color;
+  padding: 10px 25px;
+  font-size: 1.1rem;
+  font-weight: 300;
+  color: $toast-text-color;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: default;
+
+  .toast-action {
+    color: $toast-action-color;
+    font-weight: 500;
+    margin-right: -25px;
+    margin-left: 3rem;
+  }
+
+  &.rounded{
+    border-radius: 24px;
+  }
+
+  @media #{$small-and-down} {
+    width: 100%;
+    border-radius: 0;
+  }
+}
-- 
cgit v1.2.3