From: Geoff Kimball <geoff@zurb.com>
Date: Tue, 24 Nov 2015 22:59:56 +0000 (-0800)
Subject: Simplify Sass for tooltips
X-Git-Tag: v6.0.4~7^2~5
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=73de5d242210d197a3adceb78db80fa762366e32;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Simplify Sass for tooltips
---

diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss
index d08a85215..a28c3e69c 100644
--- a/scss/components/_tooltip.scss
+++ b/scss/components/_tooltip.scss
@@ -43,10 +43,7 @@ $tooltip-radius: $global-radius !default;
   font-weight: bold;
   position: relative;
   display: inline-block;
-
-  &:hover {
-    cursor: help;
-  }
+  cursor: help;
 }
 
 @mixin tooltip {
@@ -59,7 +56,6 @@ $tooltip-radius: $global-radius !default;
   top: calc(100% + #{$tooltip-pip-height});
   max-width: 10rem !important;
   border-radius: $tooltip-radius;
-  // visibility: hidden;
 
   &::before {
     @include css-triangle($tooltip-pip-width, $tooltip-background-color, up);
@@ -69,33 +65,27 @@ $tooltip-radius: $global-radius !default;
     transform: translateX(-50%);
   }
 
-  &.top {
-    &::before {
-      @include css-triangle($tooltip-pip-width, $tooltip-background-color, down);
-      top: 100%;
-      bottom: auto;
-    }
+  &.top::before {
+    @include css-triangle($tooltip-pip-width, $tooltip-background-color, down);
+    top: 100%;
+    bottom: auto;
   }
 
-  &.left {
-    &::before {
-      @include css-triangle($tooltip-pip-width, $tooltip-background-color, right);
-      bottom: auto;
-      left: 100%;
-      top: 50%;
-      transform: translateY(-50%);
-    }
+  &.left::before {
+    @include css-triangle($tooltip-pip-width, $tooltip-background-color, right);
+    bottom: auto;
+    left: 100%;
+    top: 50%;
+    transform: translateY(-50%);
   }
 
-  &.right {
-    &::before {
-      @include css-triangle($tooltip-pip-width, $tooltip-background-color, left);
-      bottom: auto;
-      left: auto;
-      right: 100%;
-      top: 50%;
-      transform: translateY(-50%);
-    }
+  &.right::before {
+    @include css-triangle($tooltip-pip-width, $tooltip-background-color, left);
+    bottom: auto;
+    left: auto;
+    right: 100%;
+    top: 50%;
+    transform: translateY(-50%);
   }
 }