28 lines
537 B
SCSS
28 lines
537 B
SCSS
|
// Tooltip color variations
|
||
|
|
||
|
@mixin tooltip-variant($color) {
|
||
|
.tooltip-inner {
|
||
|
background: theme-color($color);
|
||
|
color: $white;
|
||
|
}
|
||
|
&.bs-tooltip-top {
|
||
|
.arrow::before {
|
||
|
border-top-color: theme-color($color);
|
||
|
}
|
||
|
}
|
||
|
&.bs-tooltip-right {
|
||
|
.arrow::before {
|
||
|
border-right-color: theme-color($color);
|
||
|
}
|
||
|
}
|
||
|
&.bs-tooltip-bottom {
|
||
|
.arrow::before {
|
||
|
border-bottom-color: theme-color($color);
|
||
|
}
|
||
|
}
|
||
|
&.bs-tooltip-left {
|
||
|
.arrow::before {
|
||
|
border-left-color: theme-color($color);
|
||
|
}
|
||
|
}
|
||
|
}
|