46 lines
983 B
SCSS
46 lines
983 B
SCSS
// Popovers
|
|
|
|
.popover {
|
|
box-shadow: $popover-box-shadow;
|
|
// popover header style
|
|
.popover-header {
|
|
@include font-size(1.07rem);
|
|
border: 1px solid $popover-header-bg;
|
|
}
|
|
// popover body style
|
|
.popover-body {
|
|
border: 1px solid $popover-border-color;
|
|
border-top-color: $popover-bg;
|
|
border-bottom-left-radius: $popover-border-radius;
|
|
border-bottom-right-radius: $popover-border-radius;
|
|
}
|
|
// popover bottom arrow color like header
|
|
&.bs-popover-bottom {
|
|
.popover-arrow:after {
|
|
border-bottom-color: $popover-header-bg;
|
|
}
|
|
}
|
|
}
|
|
// To set arrow border as we have added border to popover-body and popover-header
|
|
.bs-popover-top {
|
|
> .popover-arrow {
|
|
&::after {
|
|
bottom: $popover-border-width + 1px;
|
|
}
|
|
}
|
|
}
|
|
.bs-popover-end {
|
|
> .popover-arrow {
|
|
&::after {
|
|
left: $popover-border-width + 1px;
|
|
}
|
|
}
|
|
}
|
|
.bs-popover-start {
|
|
> .popover-arrow {
|
|
&::after {
|
|
right: $popover-border-width + 1px;
|
|
}
|
|
}
|
|
}
|