From 811d9e3e8477f00a0cf14c7f9f8f8b5d5217173f Mon Sep 17 00:00:00 2001 From: francois-capon <46624375+francois-capon@users.noreply.github.com> Date: Sat, 28 Sep 2019 14:44:19 +0200 Subject: [PATCH] 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. --- src/mini/_contextual.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/mini/_contextual.scss b/src/mini/_contextual.scss index cff725f..4c73110 100644 --- a/src/mini/_contextual.scss +++ b/src/mini/_contextual.scss @@ -161,10 +161,10 @@ mark { left: calc(50% - var(#{$universal-margin-var})); } &: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 - border-bottom-color: $tooltip-back-color; + border-bottom-color: var(#{$tooltip-back-color-var}); } &:after { // This is the actual tooltip's text block content: attr(aria-label);