You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
983 B
46 lines
983 B
7 months ago
|
// 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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|