@beeapi/nutui/dist/packages/toast/toast.css

一套轻量级移动端Vue组件库

/*!
 * @beeapi/nutui v2.2.10 - toast.css, 451ed2404bee284b891e, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间)
 * (c) 2017-2020 JDC
 * Released under the MIT License.
 */@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.nutRotate-enter-active,.nutRotate-leave-active,.nutRotateIn,.nutRotateOut{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active,.nutRotateIn{-webkit-animation-name:nutRotateIn;animation-name:nutRotateIn}.nutRotate-leave-active,.nutRotateOut{-webkit-animation-name:nutRotateOut;animation-name:nutRotateOut}.nut-toast{position:fixed;left:0;bottom:150px;width:100%;text-align:center;pointer-events:none;z-index:9999;font-family:PingHei,Lucida Grande,Lucida Sans Unicode,STHeiti,Helvetica,Arial,Verdana,"sans-serif",PingHei-light,SimHei,Droid Sans}.nut-toast.nut-toast-small .nut-toast-inner{font-size:12px}.nut-toast.nut-toast-large .nut-toast-inner{font-size:16px}.nut-toast.nut-toast-cover{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;pointer-events:auto;height:100%}.nut-toast .nut-toast-inner{position:relative;display:inline-block;font-size:14px;max-width:65%;text-align:center;line-height:1.5;padding:10px 30px;word-break:break-all;background:rgba(46,46,46,.8);-webkit-border-radius:7px;border-radius:7px;color:#fff}.nut-toast.nut-toast-has-icon .nut-toast-inner{padding:70px 50px 30px}.nut-toast.nut-toast-has-icon .nut-toast-icon-wrapper{position:absolute;left:0;top:20px;width:100%;height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.nut-toast.nut-toast-has-icon .nut-toast-icon{display:inline-block;width:30px;height:30px;background-repeat:no-repeat;background-size:100%}.nut-toast.nut-toast-has-icon .nut-toast-icon.success{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='46' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M8 0h18c11.046 0 20 8.954 20 20v18a8 8 0 01-8 8H20C8.954 46 0 37.046 0 26V8a8 8 0 018-8z' fill='%23FFF'/%3E%3Cpath d='M43.562 3L22.01 23.803l-4.855-4.557a2.934 2.934 0 00-4.147.132l-1.324 1.41a1 1 0 00.045 1.414l9.047 8.49a2 2 0 002.763-.025L47.741 7.12 43.562 3z' fill='%232C2A35'/%3E%3C/g%3E%3C/svg%3E")}.nut-toast.nut-toast-has-icon .nut-toast-icon.fail{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='46' height='46' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M8 0h18c11.046 0 20 8.954 20 20v18a8 8 0 01-8 8H20C8.954 46 0 37.046 0 26V8a8 8 0 018-8z' fill='%23FFF'/%3E%3Cg fill='%232C2A35'%3E%3Cpath d='M13.6 15.722l1.415-1.414a2 2 0 012.828 0L33.4 29.864a1 1 0 010 1.414l-1.414 1.414a2 2 0 01-2.828 0L13.6 17.136a1 1 0 010-1.414z'/%3E%3Cpath d='M33.4 15.722l-1.415-1.414a2 2 0 00-2.828 0L13.6 29.864a1 1 0 000 1.414l1.414 1.414a2 2 0 002.828 0L33.4 17.136a1 1 0 000-1.414z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.nut-toast.nut-toast-has-icon .nut-toast-icon.warn{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='46' height='46' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M8 0h18c11.046 0 20 8.954 20 20v18a8 8 0 01-8 8H20C8.954 46 0 37.046 0 26V8a8 8 0 018-8z' fill='%23FFF'/%3E%3Cpath d='M23 23V12' stroke='%232C2A35' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M21 30h3a2 2 0 012 2v3a1 1 0 01-1 1h-3a2 2 0 01-2-2v-3a1 1 0 011-1z' fill='%232C2A35'/%3E%3C/g%3E%3C/svg%3E")}.nut-toast.nut-toast-has-icon .nut-toast-icon.loading{background:url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23E6E6E6' d='M874.667 533.333h-192c-12.8 0-21.334-8.533-21.334-21.333 0-12.8 8.534-21.333 21.334-21.333h192c12.8 0 21.333 8.533 21.333 21.333 0 12.8-8.533 21.333-21.333 21.333zM648.533 407.467C640 416 627.2 416 618.667 407.467c-8.534-8.534-8.534-21.334 0-29.867L755.2 241.067c8.533-8.534 21.333-8.534 29.867 0 8.533 8.533 8.533 21.333 0 29.866L648.533 407.467zM512 896c-12.8 0-21.333-8.533-21.333-21.333v-192c0-12.8 8.533-21.334 21.333-21.334s21.333 8.534 21.333 21.334v192c0 12.8-8.533 21.333-21.333 21.333zm0-533.333c-12.8 0-21.333-8.534-21.333-21.334v-192c0-12.8 8.533-21.333 21.333-21.333s21.333 8.533 21.333 21.333v192c0 12.8-8.533 21.334-21.333 21.334zM270.933 782.933c-8.533 8.534-21.333 8.534-29.866 0s-8.534-21.333 0-29.866L377.6 616.533c8.533-8.533 21.333-8.533 29.867 0 8.533 8.534 8.533 21.334 0 29.867L270.933 782.933zm104.534-375.466L238.933 270.933c-8.533-8.533-8.533-21.333 0-29.866s21.334-8.534 29.867 0L405.333 377.6c8.534 8.533 8.534 21.333 0 29.867-6.4 6.4-21.333 6.4-29.866 0zM362.667 512c0 12.8-8.534 21.333-21.334 21.333h-192C136.533 533.333 128 524.8 128 512c0-12.8 8.533-21.333 21.333-21.333h192c12.8 0 21.334 8.533 21.334 21.333zm285.866 104.533l136.534 136.534c8.533 8.533 8.533 21.333 0 29.866-8.534 8.534-21.334 8.534-29.867 0L618.667 646.4c-8.534-8.533-8.534-21.333 0-29.867 6.4-6.4 21.333-6.4 29.866 0z'/%3E%3C/svg%3E") no-repeat;background-size:cover}.nut-toast.nut-toast-center{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.nut-toast.nut-loading .nut-toast-inner{padding:25px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.nut-toast.nut-loading .nut-toast-icon-wrapper{position:static;height:30px}.nut-toast.nut-loading .nut-toast-text:not(:empty){margin-top:10px;margin-bottom:-10px}.nut-toast.nut-loading .nut-toast-icon{width:40px;height:40px}.nut-toast.nut-loading .nut-toast-icon.nut-toast-icon-rotate{-webkit-animation:rotation 2s linear infinite;animation:rotation 2s linear infinite}.toastfade-enter-active{-webkit-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s}.toastfade-leave-active{-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.toastfade-enter,.toastfade-leave-active{opacity:0}