laravelEcomm/public/Dashboard/scss/common/light/mixins/_popovers.scss
2024-07-12 12:51:02 +05:45

42 lines
643 B
SCSS

// popover color variations //
@mixin popover-variant($color) {
border-color: $color;
.popover-header {
background: theme-color($color);
color: $white;
border-bottom: 0;
}
&.bs-popover-top {
.arrow {
&:before,
&:after {
border-top-color: theme-color($color);
}
}
}
&.bs-popover-right {
.arrow {
&:before,
&:after {
border-right-color: theme-color($color);
}
}
}
&.bs-popover-bottom {
.arrow {
&:before,
&:after {
border-bottom-color: theme-color($color);
}
}
}
&.bs-popover-left {
.arrow {
&:before,
&:after {
border-left-color: theme-color($color);
}
}
}
}