diff options
Diffstat (limited to 'node_modules/materialize-css/sass/components/_toast.scss')
-rw-r--r-- | node_modules/materialize-css/sass/components/_toast.scss | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/node_modules/materialize-css/sass/components/_toast.scss b/node_modules/materialize-css/sass/components/_toast.scss new file mode 100644 index 0000000000..412400ff27 --- /dev/null +++ b/node_modules/materialize-css/sass/components/_toast.scss @@ -0,0 +1,58 @@ +#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; + 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; + } +} |