diff options
| author | Mitch Riedstra <Mitch@riedstra.us> | 2017-10-24 16:59:48 -0400 |
|---|---|---|
| committer | Mitch Riedstra <Mitch@riedstra.us> | 2017-10-24 16:59:48 -0400 |
| commit | 3e8b34be2fdeccf16c8b46f1ee518f970853768d (patch) | |
| tree | abcb7d0cb260790a2b4a746e3959f2e7ee3a33f7 /app/dispatch/static/materialize/sass/components/_toast.scss | |
| parent | 4ee5893fd9c82228c62306fc7f5babdfc602e4c4 (diff) | |
| download | dispatch-tracker-3e8b34be2fdeccf16c8b46f1ee518f970853768d.tar.gz dispatch-tracker-3e8b34be2fdeccf16c8b46f1ee518f970853768d.tar.xz | |
Adding in materialize source and templates
Diffstat (limited to 'app/dispatch/static/materialize/sass/components/_toast.scss')
| -rw-r--r-- | app/dispatch/static/materialize/sass/components/_toast.scss | 59 |
1 files changed, 59 insertions, 0 deletions
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;
+ }
+}
|