// Variables //—————————————————— $popover-background-color: $darkgray-dark !default; $popover-font-color: $white !default; $popover-title-font-color: $mediumgray-dark !default;
// Exports //——————————————————
@include exports(“popover”) {
/** * popover * -------------------------------------------------- */ .popover { background-color: $popover-background-color; color: $popover-font-color; border-color: $popover-background-color; @at-root &-title { padding-bottom: 0; font-weight: bold; color: $popover-title-font-color; background-color: transparent; border-bottom: none; } &.top .arrow, &.top .arrow:after { border-top-color: $popover-background-color; } &.right .arrow, &.right .arrow:after { border-right-color: $popover-background-color; } &.bottom .arrow, &.bottom .arrow:after { border-bottom-color: $popover-background-color; } &.left .arrow, &.left .arrow:after { border-left-color: $popover-background-color; } }
}