scss/toolkit/components/tooltip.scss in titon-toolkit-1.4.0 vs scss/toolkit/components/tooltip.scss in titon-toolkit-1.4.1
- old
+ new
@@ -71,41 +71,39 @@
//-------------------- Animations --------------------//
.#{$vendor-prefix}tooltip,
.#{$vendor-prefix}popover {
+ transition: opacity $tooltip-transition, visibility $tooltip-transition, transform $tooltip-transition;
+
@if index($popover-tooltip-animation, "fade") {
&.fade {
opacity: 0;
- transition: opacity $tooltip-transition, visibility $tooltip-transition;
}
}
@if index($popover-tooltip-animation, "from-above") {
&.from-above {
- transition: transform $tooltip-transition;
transform: scale(1.2);
&.show {
transform: scale(1);
}
}
}
@if index($popover-tooltip-animation, "from-below") {
&.from-below {
- transition: transform $tooltip-transition;
transform: scale(0.8);
&.show {
transform: scale(1);
}
}
}
@if index($popover-tooltip-animation, "flip-rotate") {
&.flip-rotate {
- transition: transform $tooltip-transition;
transform: rotate(-15deg);
&.show {
transform: rotate(0deg);
}
\ No newline at end of file