dev-chiefworks
91 lines
1.7 KiB
SCSS
91 lines
1.7 KiB
SCSS
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # Popover component
|
|
*
|
|
* Overrides for popover component
|
|
*
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
// Popover header
|
|
.popover-header {
|
|
font-weight: $font-weight-semibold;
|
|
padding-bottom: 0;
|
|
border-bottom-width: 0;
|
|
|
|
// Custom background
|
|
&[class*=bg-]:not(.bg-white):not(.bg-light) {
|
|
padding-top: ($popover-header-padding-y / 1.25);
|
|
padding-bottom: ($popover-header-padding-y / 1.25);
|
|
border-bottom-width: $popover-border-width;
|
|
}
|
|
}
|
|
|
|
|
|
//
|
|
// Optional styles
|
|
//
|
|
|
|
// Top placement
|
|
.bs-popover-top {
|
|
|
|
// Custom colors
|
|
&[class*=bg-]:not(.bg-white):not(.bg-light),
|
|
&[class*=border-] {
|
|
.arrow {
|
|
&,
|
|
&:after,
|
|
&:before {
|
|
border-top-color: inherit;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Right placement
|
|
.bs-popover-right {
|
|
|
|
// Custom colors
|
|
&[class*=bg-]:not(.bg-white):not(.bg-light),
|
|
&[class*=border-] {
|
|
.arrow {
|
|
&,
|
|
&:after,
|
|
&:before {
|
|
border-right-color: inherit;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Bottom placement
|
|
.bs-popover-bottom {
|
|
|
|
// Custom colors
|
|
&[class*=bg-]:not(.bg-white):not(.bg-light),
|
|
&[class*=border-] {
|
|
.arrow {
|
|
&,
|
|
&:after,
|
|
&:before {
|
|
border-bottom-color: inherit;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Left placement
|
|
.bs-popover-left {
|
|
|
|
// Custom colors
|
|
&[class*=bg-]:not(.bg-white):not(.bg-light),
|
|
&[class*=border-] {
|
|
.arrow {
|
|
&,
|
|
&:after,
|
|
&:before {
|
|
border-left-color: inherit;
|
|
}
|
|
}
|
|
}
|
|
}
|