Arrows of tooltips use too the background color variable
Background color for tooltips can be changed by changing the value of the --tooltip-back-color variable : arrows of tooltips use too this variable.
This commit is contained in:
parent
a9347be70a
commit
811d9e3e84
1 changed files with 2 additions and 2 deletions
|
@ -161,10 +161,10 @@ mark {
|
||||||
left: calc(50% - var(#{$universal-margin-var}));
|
left: calc(50% - var(#{$universal-margin-var}));
|
||||||
}
|
}
|
||||||
&:not(.#{$tooltip-bottom-name}):before { // Top (default) tooltip styling
|
&:not(.#{$tooltip-bottom-name}):before { // Top (default) tooltip styling
|
||||||
border-top-color: $tooltip-back-color;
|
border-top-color: var(#{$tooltip-back-color-var});
|
||||||
}
|
}
|
||||||
&.#{$tooltip-bottom-name}:before { // Bottom tooltip styling
|
&.#{$tooltip-bottom-name}:before { // Bottom tooltip styling
|
||||||
border-bottom-color: $tooltip-back-color;
|
border-bottom-color: var(#{$tooltip-back-color-var});
|
||||||
}
|
}
|
||||||
&:after { // This is the actual tooltip's text block
|
&:after { // This is the actual tooltip's text block
|
||||||
content: attr(aria-label);
|
content: attr(aria-label);
|
||||||
|
|
Loading…
Reference in a new issue