1.b-toaster { 2 top: 75px!important; // make sure toasts do not hide top header 3} 4 5.toast { 6 padding: $spacer/2 $spacer/2 $spacer/2 $spacer; 7 border-width: 0 0 0 3px; 8 .close { 9 font-weight: 300; 10 opacity: 1; 11 } 12} 13 14.toast-header { 15 background-color: inherit!important; //override specificity 16 border: none; 17 color: theme-color("dark")!important; //override specificity 18 padding-bottom: 0; 19} 20 21.toast-body { 22 color: theme-color("dark"); 23 padding-top: 0; 24} 25 26.b-toast-success .toast { 27 border-left-color: theme-color("success")!important; 28 background-color: theme-color-light("success")!important; 29} 30 31.b-toast-info .toast { 32 border-left-color: theme-color("info")!important; 33 background-color: theme-color-light("info")!important; 34} 35 36.b-toast-danger .toast { 37 border-left-color: theme-color("danger")!important; 38 background-color: theme-color-light("danger")!important; 39} 40 41.b-toast-warning .toast { 42 border-left-color: theme-color("warning")!important; 43 background-color: theme-color-light("warning")!important; 44}