laravelEcomm/public/Dashboard/scss/common/light/mixins/_popovers.scss

42 lines
643 B
SCSS
Raw Normal View History

2024-07-12 07:06:02 +00:00
// 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);
}
}
}
}