52 lines
1.0 KiB
SCSS
52 lines
1.0 KiB
SCSS
// Toasts
|
|
// *******************************************************************************
|
|
|
|
.toast.bs-toast {
|
|
z-index: $zindex-toast;
|
|
}
|
|
|
|
//btn close
|
|
.toast-header {
|
|
border-bottom: $border-width solid $toast-header-border-color;
|
|
.btn-close {
|
|
background-image: str-replace(str-replace($btn-close-bg, '#{$btn-close-color}', $text-muted), '#', '%23');
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
margin-left: 0.875rem;
|
|
background-size: 0.875rem;
|
|
}
|
|
}
|
|
|
|
// Toast body font size and padding override
|
|
.toast-body {
|
|
font-size: 0.8125rem;
|
|
padding-top: 0.684rem;
|
|
padding-bottom: 0.684rem;
|
|
}
|
|
.toast-container {
|
|
--#{$prefix}toast-zindex: 9;
|
|
}
|
|
// RTL close btn style
|
|
@include rtl-only {
|
|
.toast-header {
|
|
.btn-close {
|
|
margin-left: $toast-padding-x * -0.5;
|
|
margin-right: $toast-padding-x + 0.125;
|
|
}
|
|
}
|
|
}
|
|
// Bootstrap Toasts Example
|
|
.toast-ex {
|
|
position: fixed;
|
|
top: 4.1rem;
|
|
right: 0.5rem;
|
|
@include rtl-style {
|
|
left: 0.5rem;
|
|
right: auto;
|
|
}
|
|
}
|
|
// Placement Toast example
|
|
.toast-placement-ex {
|
|
position: fixed;
|
|
}
|