diff --git a/x-pack/plugins/infra/public/components/eui/tooltip/_mixins.scss b/x-pack/plugins/infra/public/components/eui/tooltip/_mixins.scss index e24409193181..2c3c3c9db4d5 100644 --- a/x-pack/plugins/infra/public/components/eui/tooltip/_mixins.scss +++ b/x-pack/plugins/infra/public/components/eui/tooltip/_mixins.scss @@ -1,4 +1,3 @@ - $euiTooltipBackgroundColor: tintOrShade($euiColorFullShade, 25%, 100%) !default; $euiTooltipBorderColor: tintOrShade($euiColorFullShade, 35%, 80%) !default; @@ -8,29 +7,28 @@ $euiTooltipAnimations: ( bottom: euiToolTipLeft, right: euiToolTipRight, ) !default; - @mixin euiToolTipStyle($size: null) { - @include euiBottomShadow($color: $euiColorInk); - border-radius: $euiBorderRadius; - background-color: $euiTooltipBackgroundColor; - color: $euiColorGhost; - z-index: $euiZLevel9; - max-width: 256px; - overflow-wrap: break-word; - padding: $euiSizeS; - - .euiHorizontalRule { - background-color: $euiTooltipBorderColor; - } - } - - @mixin euiToolTipTitle { - font-weight: $euiFontWeightBold; - border-bottom: solid $euiBorderWidthThin $euiTooltipBorderColor; - padding-bottom: $euiSizeXS; - margin-bottom: $euiSizeXS; + @include euiBottomShadow($color: $euiColorInk); + border-radius: $euiBorderRadius; + background-color: $euiTooltipBackgroundColor; + color: $euiColorGhost; + z-index: $euiZLevel9; + max-width: 256px; + overflow-wrap: break-word; + padding: $euiSizeS; + + .euiHorizontalRule { + background-color: $euiTooltipBorderColor; } - - @mixin euiToolTipAnimation($side: 'top') { - animation: #{map-get($euiTooltipAnimations, $side)} $euiAnimSpeedSlow ease-out 0s forwards; - } \ No newline at end of file +} + +@mixin euiToolTipTitle { + font-weight: $euiFontWeightBold; + border-bottom: solid $euiBorderWidthThin $euiTooltipBorderColor; + padding-bottom: $euiSizeXS; + margin-bottom: $euiSizeXS; +} + +@mixin euiToolTipAnimation($side: 'top') { + animation: #{map-get($euiTooltipAnimations, $side)} $euiAnimSpeedSlow ease-out 0s forwards; +}