talos
1.toast {
2// Prevents from shrinking in IE11, when in a flex container
3// See https://github.com/twbs/bootstrap/issues/28341
4flex-basis: $toast-max-width;
5max-width: $toast-max-width;
6@include font-size($toast-font-size);
7color: $toast-color;
8background-color: $toast-background-color;
9background-clip: padding-box;
10border: $toast-border-width solid $toast-border-color;
11box-shadow: $toast-box-shadow;
12opacity: 0;
13@include border-radius($toast-border-radius);
14
15&:not(:last-child) {
16margin-bottom: $toast-padding-x;
17}
18
19&.showing {
20opacity: 1;
21}
22
23&.show {
24display: block;
25opacity: 1;
26}
27
28&.hide {
29display: none;
30}
31}
32
33.toast-header {
34display: flex;
35align-items: center;
36padding: $toast-padding-y $toast-padding-x;
37color: $toast-header-color;
38background-color: $toast-header-background-color;
39background-clip: padding-box;
40border-bottom: $toast-border-width solid $toast-header-border-color;
41@include border-top-radius(subtract($toast-border-radius, $toast-border-width));
42}
43
44.toast-body {
45padding: $toast-padding-x; // apply to both vertical and horizontal
46}
47