37 lines
1015 B
SCSS
37 lines
1015 B
SCSS
// Tooltips
|
|
// *******************************************************************************
|
|
|
|
@mixin template-tooltip-variant($parent, $background, $color: null) {
|
|
#{$parent} {
|
|
.tooltip-inner {
|
|
background: $background;
|
|
color: if($color, $color, color-contrast($background));
|
|
box-shadow: 0 0.125rem 0.25rem 0 rgba($background, 0.4);
|
|
}
|
|
|
|
&.bs-tooltip-auto {
|
|
&[data-popper-placement='top'] .tooltip-arrow::before {
|
|
border-top-color: $background;
|
|
}
|
|
|
|
&[data-popper-placement='left'] .tooltip-arrow::before {
|
|
border-left-color: $background;
|
|
@include rtl-style {
|
|
border-right-color: $background;
|
|
}
|
|
}
|
|
|
|
&[data-popper-placement='bottom'] .tooltip-arrow::before {
|
|
border-bottom-color: $background;
|
|
}
|
|
|
|
&[data-popper-placement='right'] .tooltip-arrow::before {
|
|
border-right-color: $background;
|
|
@include rtl-style {
|
|
border-left-color: $background;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|