mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-05-14 18:23:10 +00:00
2 lines
No EOL
2.2 KiB
CSS
2 lines
No EOL
2.2 KiB
CSS
.md-snackbar{min-width:288px;max-width:568px;min-height:48px;padding:14px 24px;position:fixed;z-index:120;overflow:hidden;border-radius:2px;background-color:#323232;transition:all .4s cubic-bezier(.25,.8,.25,1);color:#fff;font-size:14px}.md-snackbar.md-position-bottom-center{bottom:0;left:50%;transform:translate3D(-50%,100%,0)}.md-snackbar.md-position-bottom-right{bottom:8px;right:8px;transform:translate3D(0,calc(100% + 8px),0)}.md-snackbar.md-position-bottom-left{bottom:8px;left:8px;transform:translate3D(0,calc(100% + 8px),0)}.md-snackbar.md-position-top-center{top:0;left:50%;transform:translate3D(-50%,-100%,0)}.md-snackbar.md-position-top-right{top:8px;right:8px;transform:translate3D(0,calc(-100% - 8px),0)}.md-snackbar.md-position-top-left{top:8px;left:8px;transform:translate3D(0,calc(-100% - 8px),0)}.md-snackbar.md-active.md-position-bottom-center{transform:translate3D(-50%,0,0)}.md-snackbar.md-active.md-position-bottom-left,.md-snackbar.md-active.md-position-bottom-right{transform:translate3D(0,0,0)}.md-snackbar.md-active.md-position-top-center{transform:translate3D(-50%,0,0)}.md-snackbar.md-active.md-position-top-left,.md-snackbar.md-active.md-position-top-right{transform:translate3D(0,0,0)}.md-snackbar.md-active .md-snackbar-content{opacity:1;transition:opacity .4s cubic-bezier(.25,.8,.25,1) .1s}.md-snackbar .md-snackbar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;opacity:0;transition:opacity .2s cubic-bezier(.25,.8,.25,1);will-change:opacity}.md-snackbar .md-button{min-width:64px;margin:-8px -16px}.md-snackbar .md-button:last-child{margin-left:48px}.md-has-toast-top-right .md-fab.md-fab-top-right{transform:translate3D(0,48px,0)}.md-has-toast-top-center .md-fab.md-fab-top-center{transform:translate3D(-50%,48px,0)}.md-has-toast-top-left .md-fab.md-fab-top-left{transform:translate3D(0,48px,0)}.md-has-toast-bottom-right .md-fab.md-fab-bottom-right{transform:translate3D(0,-48px,0)}.md-has-toast-bottom-center .md-fab.md-fab-bottom-center{transform:translate3D(-50%,-48px,0)}.md-has-toast-bottom-left .md-fab.md-fab-bottom-left{transform:translate3D(0,-48px,0)}
|
|
/*# sourceMappingURL=index.css.map*/ |