pointer-events: none; }
.toast {
+ flex-basis: 350px;
max-width: 350px;
- overflow: hidden;
font-size: 0.875rem;
- background-color: rgba(255, 255, 255, 0.85);
+ color: #fff;
+ background-color: rgba(33, 37, 41, 0.95);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
pointer-events: none; }
.toast {
+ flex-basis: 350px;
max-width: 350px;
- overflow: hidden;
font-size: 0.875rem;
- background-color: rgba(255, 255, 255, 0.85);
+ color: #fff;
+ background-color: rgba(33, 37, 41, 0.95);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
padding: 0.25rem 0.75rem;
- color: #6c757d;
- background-color: rgba(255, 255, 255, 0.85);
+ color: #f8f9fa;
+ background-color: rgba(255, 255, 255, 0.1);
background-clip: padding-box;
- border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px); }
.toast-body {
padding: 0.75rem; }