omii-ui/dist/bootstrap/toasts.css

使用OMII开发的WebComponents库，样式采用bootstrap。可以作为标准的esmodule使用

/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */.toast{--oi-toast-zindex: 1090;--oi-toast-padding-x: .75rem;--oi-toast-padding-y: .5rem;--oi-toast-spacing: 1.5rem;--oi-toast-max-width: 350px;--oi-toast-font-size: .875rem;--oi-toast-color: ;--oi-toast-bg: rgba(255, 255, 255, .85);--oi-toast-border-width: 1px;--oi-toast-border-color: var(--oi-border-color-translucent);--oi-toast-border-radius: .375rem;--oi-toast-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--oi-toast-header-color: #6c757d;--oi-toast-header-bg: rgba(255, 255, 255, .85);--oi-toast-header-border-color: rgba(0, 0, 0, .05);width:var(--oi-toast-max-width);max-width:100%;font-size:var(--oi-toast-font-size);color:var(--oi-toast-color);pointer-events:auto;background-color:var(--oi-toast-bg);background-clip:padding-box;border:var(--oi-toast-border-width) solid var(--oi-toast-border-color);box-shadow:var(--oi-toast-box-shadow);border-radius:var(--oi-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--oi-toast-zindex: 1090;position:absolute;z-index:var(--oi-toast-zindex);width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--oi-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--oi-toast-padding-y) var(--oi-toast-padding-x);color:var(--oi-toast-header-color);background-color:var(--oi-toast-header-bg);background-clip:padding-box;border-bottom:var(--oi-toast-border-width) solid var(--oi-toast-header-border-color);border-top-left-radius:calc(var(--oi-toast-border-radius) - var(--oi-toast-border-width));border-top-right-radius:calc(var(--oi-toast-border-radius) - var(--oi-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--oi-toast-padding-x));margin-left:var(--oi-toast-padding-x)}.toast-body{padding:var(--oi-toast-padding-x);word-wrap:break-word}