assets/bower_components/foundation/scss/foundation/components/_tooltips.scss in catscope-0.1.0 vs assets/bower_components/foundation/scss/foundation/components/_tooltips.scss in catscope-0.1.1

@@ -1,10 +1,10 @@
 // Foundation by ZURB
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // Tooltip Variables
 //
 $include-html-tooltip-classes: $include-html-classes !default;
@@ -35,13 +35,13 @@
   @if $include-html-tooltip-classes {
 
     /* Tooltips */
     .has-tip {
       border-bottom: $has-tip-border-bottom;
+      color: $has-tip-font-color;
       cursor: $has-tip-cursor-type;
       font-weight: $has-tip-font-weight;
-      color: $has-tip-font-color;
 
       &:hover,
       &:focus {
         border-bottom: $has-tip-border-bottom-hover;
         color: $has-tip-font-color-hover;
@@ -50,33 +50,33 @@
       &.tip-left,
       &.tip-right { float: none !important; }
     }
 
     .tooltip {
+      background: $tooltip-bg;
+      color: $tooltip-font-color;
       display: none;
-      position: absolute;
-      z-index: 1006;
-      font-weight: $tooltip-font-weight;
       font-size: $tooltip-font-size;
+      font-weight: $tooltip-font-weight;
       line-height: $tooltip-line-height;
-      padding: $tooltip-padding;
       max-width: $tooltip-max-width;
-      #{$default-float}: 50%;
+      padding: $tooltip-padding;
+      position: absolute;
       width: 100%;
-      color: $tooltip-font-color;
-      background: $tooltip-bg;
+      z-index: 1006;
+      #{$default-float}: 50%;
 
-      &>.nub {
-        display: block;
-        #{$default-float}: $tooltip-pip-size;
-        position: absolute;
-        width: 0;
-        height: 0;
+      > .nub {
         border: solid $tooltip-pip-size;
         border-color: transparent transparent $tooltip-bg transparent;
-        top: -($tooltip-pip-size * 2);
+        display: block;
+        height: 0;
         pointer-events: none;
+        position: absolute;
+        top: -($tooltip-pip-size * 2);
+        width: 0;
+        #{$default-float}: $tooltip-pip-size;
 
         &.rtl {
           left: auto;
           #{$opposite-direction}: $tooltip-pip-size;
         }
@@ -85,55 +85,55 @@
       &.radius {
         @include radius($tooltip-radius);
       }
       &.round {
         @include radius($tooltip-rounded);
-        &>.nub {
+        > .nub {
           left: 2rem;
         }
       }
 
       &.opened {
-        color: $has-tip-font-color-hover !important;
         border-bottom: $has-tip-border-bottom-hover !important;
+        color: $has-tip-font-color-hover !important;
       }
     }
 
     .tap-to-close {
+      color: $tooltip-close-font-color;
       display: block;
       font-size: $tooltip-close-font-size;
-      color: $tooltip-close-font-color;
       font-weight: $tooltip-close-font-weight;
     }
 
     @media #{$small} {
       .tooltip {
-        &>.nub {
+        > .nub {
           border-color: transparent transparent $tooltip-bg transparent;
           top: -($tooltip-pip-size * 2);
         }
         &.tip-top>.nub {
           border-color: $tooltip-bg transparent transparent transparent;
-          top: auto;
           bottom: -($tooltip-pip-size * 2);
+          top: auto;
         }
 
         &.tip-left,
         &.tip-right { float: none !important; }
 
         &.tip-left>.nub {
           border-color: transparent transparent transparent $tooltip-bg;
-          right: -($tooltip-pip-size * 2);
           left: auto;
-          top: 50%;
           margin-top: -$tooltip-pip-size;
+          right: -($tooltip-pip-size * 2);
+          top: 50%;
         }
         &.tip-right>.nub {
           border-color: transparent $tooltip-bg transparent transparent;
-          right: auto;
           left: -($tooltip-pip-size * 2);
-          top: 50%;
           margin-top: -$tooltip-pip-size;
+          right: auto;
+          top: 50%;
         }
 
       }
     }