123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- .toast {
- width: $toast-max-width;
- max-width: 100%;
- @include font-size($toast-font-size);
- color: $toast-color;
- pointer-events: auto;
- background-color: $toast-background-color;
- background-clip: padding-box;
- border: $toast-border-width solid $toast-border-color;
- box-shadow: $toast-box-shadow;
- @include border-radius($toast-border-radius);
- &:not(.showing):not(.show) {
- opacity: 0;
- }
- &.hide {
- display: none;
- }
- }
- .toast-container {
- width: max-content;
- max-width: 100%;
- pointer-events: none;
- > :not(:last-child) {
- margin-bottom: $toast-spacing;
- }
- }
- .toast-header {
- display: flex;
- align-items: center;
- padding: $toast-padding-y $toast-padding-x;
- color: $toast-header-color;
- background-color: $toast-header-background-color;
- background-clip: padding-box;
- border-bottom: $toast-border-width solid $toast-header-border-color;
- @include border-top-radius(subtract($toast-border-radius, $toast-border-width));
- .btn-close {
- margin-right: $toast-padding-x * -.5;
- margin-left: $toast-padding-x;
- }
- }
- .toast-body {
- padding: $toast-padding-x;
- word-wrap: break-word;
- }
|