1-
21$euiTooltipBackgroundColor : tintOrShade ($euiColorFullShade , 25% , 100% ) !default ;
32$euiTooltipBorderColor : tintOrShade ($euiColorFullShade , 35% , 80% ) !default ;
43
@@ -8,29 +7,28 @@ $euiTooltipAnimations: (
87 bottom : euiToolTipLeft,
98 right : euiToolTipRight,
109) !default ;
11-
1210@mixin euiToolTipStyle ($size : null) {
13- @include euiBottomShadow ($color : $euiColorInk );
14- border-radius : $euiBorderRadius ;
15- background-color : $euiTooltipBackgroundColor ;
16- color : $euiColorGhost ;
17- z-index : $euiZLevel9 ;
18- max-width : 256px ;
19- overflow-wrap : break-word ;
20- padding : $euiSizeS ;
21-
22- .euiHorizontalRule {
23- background-color : $euiTooltipBorderColor ;
24- }
25- }
26-
27- @mixin euiToolTipTitle {
28- font-weight : $euiFontWeightBold ;
29- border-bottom : solid $euiBorderWidthThin $euiTooltipBorderColor ;
30- padding-bottom : $euiSizeXS ;
31- margin-bottom : $euiSizeXS ;
11+ @include euiBottomShadow ($color : $euiColorInk );
12+ border-radius : $euiBorderRadius ;
13+ background-color : $euiTooltipBackgroundColor ;
14+ color : $euiColorGhost ;
15+ z-index : $euiZLevel9 ;
16+ max-width : 256px ;
17+ overflow-wrap : break-word ;
18+ padding : $euiSizeS ;
19+
20+ .euiHorizontalRule {
21+ background-color : $euiTooltipBorderColor ;
3222 }
33-
34- @mixin euiToolTipAnimation ($side : ' top' ) {
35- animation : #{map-get ($euiTooltipAnimations , $side )} $euiAnimSpeedSlow ease-out 0s forwards ;
36- }
23+ }
24+
25+ @mixin euiToolTipTitle {
26+ font-weight : $euiFontWeightBold ;
27+ border-bottom : solid $euiBorderWidthThin $euiTooltipBorderColor ;
28+ padding-bottom : $euiSizeXS ;
29+ margin-bottom : $euiSizeXS ;
30+ }
31+
32+ @mixin euiToolTipAnimation ($side : ' top' ) {
33+ animation : #{map-get ($euiTooltipAnimations , $side )} $euiAnimSpeedSlow ease-out 0s forwards ;
34+ }
0 commit comments