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: $dark!important; //override specificity 18 padding-bottom: 0; 19} 20 21.toast-body { 22 color: $dark; 23 padding-top: 0; 24} 25 26.b-toast-success .toast { 27 border-left-color: $success!important; 28 background-color: $success-light; 29} 30 31.b-toast-info .toast { 32 border-left-color: $info!important; 33 background-color: $info-light; 34} 35 36.b-toast-danger .toast { 37 border-left-color: $danger!important; 38 background-color: $danger-light; 39} 40 41.b-toast-warning .toast { 42 border-left-color: $warning!important; 43 background-color: $warning-light; 44}