Form tooltips don't use $tooltip variables #26816
Description
Instead, they use hard-coded values:
bootstrap/scss/mixins/_forms.scss
Lines 38 to 51 in 779ad9f
Here's what I did in my project to make them look more like the other tooltips:
@each $state, $bg-color in (valid: $form-feedback-valid-color, invalid: $form-feedback-invalid-color) {
.#{$state}-tooltip {
background-color: rgba($bg-color, $tooltip-opacity);
border-radius: if($enable-rounded, $border-radius, 0);
color: color-yiq($bg-color);
line-height: $line-height-base;
font-size: $tooltip-font-size;
padding: $tooltip-padding-y $tooltip-padding-x;
z-index: $zindex-tooltip;
}
}