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:
francois-capon 2019-09-28 14:44:19 +02:00
parent a9347be70a
commit 811d9e3e84

View file

@ -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);