@syncfusion/ej2
Version:
A modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies.
2 lines (1 loc) • 10.4 kB
CSS
.e-toast .e-toast-close-icon::before{content:""}/*! toast layout */.e-bigger .e-toast-container.e-toast-top-left,.e-toast-container.e-bigger.e-toast-top-left{left:10px;top:10px}.e-bigger .e-toast-container.e-toast-bottom-left,.e-toast-container.e-bigger.e-toast-bottom-left{bottom:10px;left:10px}.e-bigger .e-toast-container.e-toast-top-right,.e-toast-container.e-bigger.e-toast-top-right{right:10px;top:10px}.e-bigger .e-toast-container.e-toast-bottom-right,.e-toast-container.e-bigger.e-toast-bottom-right{bottom:10px;right:10px}.e-bigger .e-toast-container.e-toast-bottom-center,.e-toast-container.e-bigger.e-toast-bottom-center{bottom:10px}.e-bigger .e-toast-container.e-toast-bottom-center .e-toast,.e-toast-container.e-bigger.e-toast-bottom-center .e-toast{margin:0 auto 10px}.e-bigger .e-toast-container.e-toast-top-center,.e-toast-container.e-bigger.e-toast-top-center{top:10px}.e-bigger .e-toast-container.e-toast-top-center .e-toast,.e-toast-container.e-bigger.e-toast-top-center .e-toast{margin:0 auto 10px}.e-bigger .e-toast-container.e-toast-full-width,.e-toast-container.e-bigger.e-toast-full-width{left:0;right:0}.e-bigger .e-toast-container.e-toast-full-width .e-toast,.e-toast-container.e-bigger.e-toast-full-width .e-toast{margin:0 auto 10px}.e-bigger .e-toast-container.e-rtl .e-toast .e-toast-message .e-toast-actions,.e-toast-container.e-bigger.e-rtl .e-toast .e-toast-message .e-toast-actions{text-align:left}.e-bigger .e-toast-container.e-rtl .e-toast .e-toast-message .e-toast-actions>*,.e-toast-container.e-bigger.e-rtl .e-toast .e-toast-message .e-toast-actions>*{margin-left:initial;margin-right:10px}.e-bigger .e-toast-container.e-rtl .e-toast .e-toast-close-icon,.e-toast-container.e-bigger.e-rtl .e-toast .e-toast-close-icon{margin-left:initial;margin-right:auto}.e-bigger .e-toast-container.e-rtl .e-toast .e-toast-icon,.e-toast-container.e-bigger.e-rtl .e-toast .e-toast-icon{margin-left:14px;margin-right:initial}.e-bigger .e-toast-container.e-rtl .e-toast .e-toast-progress,.e-toast-container.e-bigger.e-rtl .e-toast .e-toast-progress{left:auto;right:0}.e-bigger .e-toast-container .e-toast,.e-toast-container.e-bigger .e-toast{border-radius:4px;font-size:14px;margin:0 0 10px;min-height:48px}.e-bigger .e-toast-container .e-toast .e-toast-message .e-toast-content,.e-toast-container.e-bigger .e-toast .e-toast-message .e-toast-content{padding:10px 0 5px 0}.e-bigger .e-toast-container .e-toast .e-toast-message .e-toast-content:first-child,.e-toast-container.e-bigger .e-toast .e-toast-message .e-toast-content:first-child{padding:0}.e-bigger .e-toast-container .e-toast .e-toast-message .e-toast-content:last-child,.e-toast-container.e-bigger .e-toast .e-toast-message .e-toast-content:last-child{padding-bottom:0}.e-bigger .e-toast-container .e-toast .e-toast-message .e-toast-content+.e-toast-actions,.e-toast-container.e-bigger .e-toast .e-toast-message .e-toast-content+.e-toast-actions{padding:0}.e-bigger .e-toast-container .e-toast .e-toast-message .e-toast-actions,.e-toast-container.e-bigger .e-toast .e-toast-message .e-toast-actions{padding:5px 0 0 0;text-align:right}.e-bigger .e-toast-container .e-toast .e-toast-message .e-toast-actions>*,.e-toast-container.e-bigger .e-toast .e-toast-message .e-toast-actions>*{margin-left:10px}.e-bigger .e-toast-container .e-toast .e-toast-close-icon,.e-toast-container.e-bigger .e-toast .e-toast-close-icon{font-size:12px;height:24px;width:24px}.e-bigger .e-toast-container .e-toast .e-toast-icon,.e-toast-container.e-bigger .e-toast .e-toast-icon{font-size:12px;height:24px;margin-right:14px;width:24px}.e-bigger .e-toast-container .e-toast .e-toast-progress,.e-toast-container.e-bigger .e-toast .e-toast-progress{height:4px}.e-toast-container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;position:relative}.e-toast-container.e-toast-top-left{left:10px;top:10px}.e-toast-container.e-toast-bottom-left{bottom:10px;left:10px}.e-toast-container.e-toast-top-right{right:10px;top:10px}.e-toast-container.e-toast-bottom-right{bottom:10px;right:10px}.e-toast-container.e-toast-bottom-center{bottom:10px;pointer-events:none;right:0;width:100%}.e-toast-container.e-toast-bottom-center .e-toast{margin:0 auto 10px;pointer-events:auto}.e-toast-container.e-toast-top-center{pointer-events:none;right:0;top:10px;width:100%}.e-toast-container.e-toast-top-center .e-toast{margin:0 auto 10px;pointer-events:auto}.e-toast-container.e-toast-full-width{left:0;right:0;width:100%}.e-toast-container.e-toast-full-width .e-toast{margin:0 auto 10px;width:96%}.e-toast-container.e-rtl .e-toast .e-toast-actions{text-align:left}.e-toast-container.e-rtl .e-toast .e-toast-actions>*{margin-left:initial;margin-right:10px}.e-toast-container.e-rtl .e-toast .e-toast-close-icon{margin-left:initial;margin-right:auto}.e-toast-container.e-rtl .e-toast .e-toast-icon{margin-left:14px;margin-right:initial}.e-toast-container.e-rtl .e-toast .e-toast-progress{left:auto;right:0}.e-toast-container .e-toast{border-radius:4px;display:-ms-inline-flexbox;display:inline-flex;font-size:14px;margin:0 0 10px;overflow:hidden;padding:15px;position:relative}.e-toast-container .e-toast .e-toast-icon,.e-toast-container .e-toast .e-toast-message{display:-ms-inline-flexbox;display:inline-flex}.e-toast-container .e-toast>*{word-break:break-word;word-wrap:break-word}.e-toast-container .e-toast .e-toast-message{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-flex-direction:column;flex-direction:column;overflow:hidden;width:inherit}.e-toast-container .e-toast .e-toast-message .e-toast-title,.e-toast-container .e-toast .e-toast-message .e-toast-content{overflow:hidden;text-overflow:ellipsis}.e-toast-container .e-toast .e-toast-message .e-toast-title:first-child,.e-toast-container .e-toast .e-toast-message .e-toast-content:first-child{padding:0}.e-toast-container .e-toast .e-toast-message .e-toast-title:last-child,.e-toast-container .e-toast .e-toast-message .e-toast-content:last-child{padding-bottom:0}.e-toast-container .e-toast .e-toast-message .e-toast-title>*,.e-toast-container .e-toast .e-toast-message .e-toast-content>*{overflow:hidden;text-overflow:ellipsis}.e-toast-container .e-toast .e-toast-message .e-toast-title{font-size:14px;font-weight:bold;letter-spacing:.5px}.e-toast-container .e-toast .e-toast-message .e-toast-content{padding:10px 0 5px 0;word-break:break-word;word-wrap:break-word}.e-toast-container .e-toast .e-toast-message .e-toast-content+.e-toast-actions{padding-top:0}.e-toast-container .e-toast .e-toast-message .e-toast-actions{margin:1px;padding:5px 0 0 0;text-align:right}.e-toast-container .e-toast .e-toast-message .e-toast-actions>*{margin-left:10px}.e-toast-container .e-toast .e-toast-close-icon{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;font-size:12px;height:24px;-ms-flex-pack:center;justify-content:center;margin-left:auto;width:24px}.e-toast-container .e-toast .e-toast-icon{-ms-flex-align:center;align-items:center;font-size:12px;height:24px;-ms-flex-pack:center;justify-content:center;margin-right:14px;width:24px}.e-toast-container .e-toast .e-toast-progress{bottom:0;height:4px;left:0;position:absolute}.e-content-placeholder.e-toast.e-placeholder-toast{background-size:400px 100px;min-height:100px}.e-bigger .e-content-placeholder.e-toast.e-placeholder-toast,.e-bigger.e-content-placeholder.e-toast.e-placeholder-toast{background-size:400px 100px;min-height:100px}.e-blazor-toast-hidden{visibility:hidden}.e-toast-container .e-toast .e-toast-close-icon.blazor-toast-close-icon{background-color:transparent;border-color:transparent;border-radius:50%;bottom:6px;height:20px;position:relative;width:22px}.e-toast-container .e-toast{background-color:#313131;box-shadow:0 2px 5px 0 rgba(26,26,26,0.26);color:#f0f0f0}.e-toast-container .e-toast.e-toast-success{background-color:#358238;color:#fff}.e-toast-container .e-toast.e-toast-success .e-toast-message .e-toast-title{color:#fff}.e-toast-container .e-toast.e-toast-success .e-toast-message .e-toast-content{color:#fff}.e-toast-container .e-toast.e-toast-success .e-toast-icon{color:#fff}.e-toast-container .e-toast.e-toast-success:hover{background-color:#358238;box-shadow:0 6px 12px rgba(0,0,0,0.5);color:#fff}.e-toast-container .e-toast.e-toast-info{background-color:#208090;color:#fff}.e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-title{color:#fff}.e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-content{color:#fff}.e-toast-container .e-toast.e-toast-info .e-toast-icon{color:#fff}.e-toast-container .e-toast.e-toast-info:hover{background-color:#208090;box-shadow:0 6px 12px rgba(0,0,0,0.5);color:#fff}.e-toast-container .e-toast.e-toast-warning{background-color:#f9ad37;color:#000}.e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-title{color:#000}.e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-content{color:#000}.e-toast-container .e-toast.e-toast-warning .e-toast-icon{color:#000}.e-toast-container .e-toast.e-toast-warning:hover{background-color:#f9ad37;box-shadow:0 6px 12px rgba(0,0,0,0.5);color:#000}.e-toast-container .e-toast.e-toast-danger{background-color:#c12f2f;color:#fff}.e-toast-container .e-toast.e-toast-danger .e-toast-message .e-toast-title{color:#fff}.e-toast-container .e-toast.e-toast-danger .e-toast-message .e-toast-content{color:#fff}.e-toast-container .e-toast.e-toast-danger .e-toast-icon{color:#fff}.e-toast-container .e-toast.e-toast-danger:hover{background-color:#c12f2f;box-shadow:0 6px 12px rgba(0,0,0,0.5);color:#fff}.e-toast-container .e-toast:hover{background-color:#393939;box-shadow:0 6px 12px rgba(0,0,0,0.5)}.e-toast-container .e-toast .e-toast-icon{color:#f0f0f0}.e-toast-container .e-toast .e-toast-close-icon{color:#acacac}.e-toast-container .e-toast .e-toast-close-icon.e-blazor-toast-close-icon,.e-toast-container .e-toast .e-toast-close-icon.e-blazor-toast-close-icon:focus,.e-toast-container .e-toast .e-toast-close-icon.e-blazor-toast-close-icon:active{background-color:transparent;border:0;box-shadow:none;outline:0}.e-toast-container .e-toast .e-toast-message .e-toast-title{color:#f0f0f0}.e-toast-container .e-toast .e-toast-message .e-toast-content{color:#f0f0f0}.e-toast-container .e-toast .e-toast-progress{background-color:#0070f0}.e-lib .e-js [class^='e-'],.e-lib .e-js [class*=' e-']{box-sizing:content-box}