From 20e6ead5713781c35fdd15c73e9886f9abcecfac Mon Sep 17 00:00:00 2001
From: Bree Hall <briannajdhall@gmail.com>
Date: Sat, 5 Nov 2022 21:23:19 -0400
Subject: [PATCH] Lint Sass file

---
 .../components/eui/tooltip/tooltip.scss       | 212 +++++++++---------
 1 file changed, 104 insertions(+), 108 deletions(-)

diff --git a/x-pack/plugins/infra/public/components/eui/tooltip/tooltip.scss b/x-pack/plugins/infra/public/components/eui/tooltip/tooltip.scss
index 9371e5b963490..52fa8983de0b6 100644
--- a/x-pack/plugins/infra/public/components/eui/tooltip/tooltip.scss
+++ b/x-pack/plugins/infra/public/components/eui/tooltip/tooltip.scss
@@ -1,127 +1,123 @@
-
 @import './mixins.scss';
 
 /*
  * 1. Shift arrow 1px more than half its size to account for border radius
  */
 
- .euiToolTip {
-    @include euiToolTipStyle;
-    @include euiToolTipAnimation('top');
+.euiToolTip {
+  @include euiToolTipStyle;
+  @include euiToolTipAnimation('top');
+  position: absolute;
+  opacity: 0;
+
+  // Custom sizing
+  $arrowSize: $euiSizeM;
+  $arrowPlusSize: (($arrowSize/2) + 1px) * -1; /* 1 */
+  $arrowMinusSize: (($arrowSize/2) - 1px) * -1; /* 1 */
+
+  .euiToolTip__arrow {
+    content: '';
     position: absolute;
-    opacity: 0;
-  
-    // Custom sizing
-    $arrowSize: $euiSizeM;
-    $arrowPlusSize: (($arrowSize/2) + 1px) * -1; /* 1 */
-    $arrowMinusSize: (($arrowSize/2) - 1px) * -1; /* 1 */
-  
+    transform-origin: center;
+    border-radius: 2px;
+    background-color: $euiTooltipBackgroundColor;
+    width: $arrowSize;
+    height: $arrowSize;
+
+    transform: translateY($arrowPlusSize) rotateZ(45deg); /* 1 */
+  }
+
+  // Positions the arrow and animates in from the same side.
+  &.euiToolTip--right {
+    animation-name: euiToolTipRight;
+
     .euiToolTip__arrow {
-      content: '';
-      position: absolute;
-      transform-origin: center;
-      border-radius: 2px;
-      background-color: $euiTooltipBackgroundColor;
-      width: $arrowSize;
-      height: $arrowSize;
-  
-      transform: translateY($arrowPlusSize) rotateZ(45deg); /* 1 */
-    }
-  
-    // Positions the arrow and animates in from the same side.
-    &.euiToolTip--right {
-      animation-name: euiToolTipRight;
-  
-      .euiToolTip__arrow {
-        transform: translateX($arrowMinusSize) rotateZ(45deg); /* 1 */
-      }
-    }
-  
-    &.euiToolTip--bottom {
-      animation-name: euiToolTipBottom;
-  
-      .euiToolTip__arrow {
-        transform: translateY($arrowMinusSize) rotateZ(45deg); /* 1 */
-      }
-    }
-  
-    &.euiToolTip--left {
-      animation-name: euiToolTipLeft;
-  
-      .euiToolTip__arrow {
-        transform: translateX($arrowPlusSize) rotateZ(45deg); /* 1 */
-      }
-    }
-  
-    .euiToolTip__title {
-      @include euiToolTipTitle;
+      transform: translateX($arrowMinusSize) rotateZ(45deg); /* 1 */
     }
   }
-  
-  .euiToolTipAnchor {
-    display: inline-block;
-  
-    // disabled elements don't fire mouse events which means leaving a disabled element
-    // wouldn't trigger the onMouseOut and hide the tooltip; disabling pointer events
-    // on disabled elements means any mouse events remain handled by parent elements
-    // https://jakearchibald.com/2017/events-and-disabled-form-fields/
-    *[disabled] {
-      pointer-events: none;
-    }
-  
-    &.euiToolTipAnchor--displayBlock {
-      display: block;
+
+  &.euiToolTip--bottom {
+    animation-name: euiToolTipBottom;
+
+    .euiToolTip__arrow {
+      transform: translateY($arrowMinusSize) rotateZ(45deg); /* 1 */
     }
   }
-  
-  // Keyframes to animate in the tooltip.
-  @keyframes euiToolTipTop {
-    0% {
-      opacity: 0;
-      transform: translateY(-$euiSize);
-    }
-  
-    100% {
-      opacity: 1;
-      transform: translateY(0);
+
+  &.euiToolTip--left {
+    animation-name: euiToolTipLeft;
+
+    .euiToolTip__arrow {
+      transform: translateX($arrowPlusSize) rotateZ(45deg); /* 1 */
     }
   }
-  
-  @keyframes euiToolTipBottom {
-    0% {
-      opacity: 0;
-      transform: translateY($euiSize);
-    }
-  
-    100% {
-      opacity: 1;
-      transform: translateY(0);
-    }
+
+  .euiToolTip__title {
+    @include euiToolTipTitle;
   }
-  
-  @keyframes euiToolTipLeft {
-    0% {
-      opacity: 0;
-      transform: translateX(-$euiSize);
-    }
-  
-    100% {
-      opacity: 1;
-      transform: translateY(0);
-    }
+}
+
+.euiToolTipAnchor {
+  display: inline-block;
+
+  // disabled elements don't fire mouse events which means leaving a disabled element
+  // wouldn't trigger the onMouseOut and hide the tooltip; disabling pointer events
+  // on disabled elements means any mouse events remain handled by parent elements
+  // https://jakearchibald.com/2017/events-and-disabled-form-fields/
+  *[disabled] {
+    pointer-events: none;
   }
-  
-  @keyframes euiToolTipRight {
-    0% {
-      opacity: 0;
-      transform: translateX($euiSize);
-    }
-  
-    100% {
-      opacity: 1;
-      transform: translateY(0);
-    }
+
+  &.euiToolTipAnchor--displayBlock {
+    display: block;
+  }
+}
+
+// Keyframes to animate in the tooltip.
+@keyframes euiToolTipTop {
+  0% {
+    opacity: 0;
+    transform: translateY(-$euiSize);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes euiToolTipBottom {
+  0% {
+    opacity: 0;
+    transform: translateY($euiSize);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes euiToolTipLeft {
+  0% {
+    opacity: 0;
+    transform: translateX(-$euiSize);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0);
   }
+}
 
+@keyframes euiToolTipRight {
+  0% {
+    opacity: 0;
+    transform: translateX($euiSize);
+  }
 
-  
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}