diff --git a/scss/_hover.scss b/scss/_hover.scss
new file mode 100644
index 0000000..c2e2701
--- /dev/null
+++ b/scss/_hover.scss
@@ -0,0 +1,769 @@
+@import "options";
+@import "mixins";
+@import "hacks";
+
+
+/* 2D TRANSITIONS */
+@import "effects/2d-transitions/grow";
+@if $includeClasses {
+	.#{$nameSpace}-grow {
+		@include grow();
+	}
+}
+
+@import "effects/2d-transitions/shrink";
+@if $includeClasses {
+	.#{$nameSpace}-shrink {
+		@include shrink();
+	}
+}
+
+@import "effects/2d-transitions/pulse";
+@if $includeClasses {
+	.#{$nameSpace}-pulse {
+		@include pulse();
+	}
+}
+
+@import "effects/2d-transitions/pulse-grow";
+@if $includeClasses {
+	.#{$nameSpace}-pulse-grow {
+		@include pulse-grow();
+	}
+}
+
+@import "effects/2d-transitions/pulse-shrink";
+@if $includeClasses {
+	.#{$nameSpace}-pulse-shrink {
+		@include pulse-shrink();
+	}
+}
+
+@import "effects/2d-transitions/push";
+@if $includeClasses {
+	.#{$nameSpace}-push {
+		@include push();
+	}
+}
+
+@import "effects/2d-transitions/pop";
+@if $includeClasses {
+	.#{$nameSpace}-pop {
+		@include pop();
+	}
+}
+
+@import "effects/2d-transitions/bounce-in";
+@if $includeClasses {
+	.#{$nameSpace}-bounce-in {
+		@include bounce-in();
+	}
+}
+
+@import "effects/2d-transitions/bounce-out";
+@if $includeClasses {
+	.#{$nameSpace}-bounce-out {
+		@include bounce-out();
+	}
+}
+
+@import "effects/2d-transitions/rotate";
+@if $includeClasses {
+	.#{$nameSpace}-rotate {
+		@include rotate();
+	}
+}
+
+@import "effects/2d-transitions/grow-rotate";
+@if $includeClasses {
+	.#{$nameSpace}-grow-rotate {
+		@include grow-rotate();
+	}
+}
+
+@import "effects/2d-transitions/float";
+@if $includeClasses {
+	.#{$nameSpace}-float {
+		@include float();
+	}
+}
+
+@import "effects/2d-transitions/sink";
+@if $includeClasses {
+	.#{$nameSpace}-sink {
+		@include sink();
+	}
+}
+
+@import "effects/2d-transitions/bob";
+@if $includeClasses {
+	.#{$nameSpace}-bob {
+		@include bob();
+	}
+}
+
+@import "effects/2d-transitions/hang";
+@if $includeClasses {
+	.#{$nameSpace}-hang {
+		@include hang();
+	}
+}
+
+@import "effects/2d-transitions/skew";
+@if $includeClasses {
+	.#{$nameSpace}-skew {
+		@include skew();
+	}
+}
+
+@import "effects/2d-transitions/skew-forward";
+@if $includeClasses {
+	.#{$nameSpace}-skew-forward {
+		@include skew-forward();
+	}
+}
+
+@import "effects/2d-transitions/skew-backward";
+@if $includeClasses {
+	.#{$nameSpace}-skew-backward {
+	    @include skew-backward();
+	}
+}
+
+@import "effects/2d-transitions/wobble-vertical";
+@if $includeClasses {
+	.#{$nameSpace}-wobble-vertical {
+		@include wobble-vertical();
+	}
+}
+
+@import "effects/2d-transitions/wobble-horizontal";
+@if $includeClasses {
+	.#{$nameSpace}-wobble-horizontal {
+		@include wobble-horizontal();
+	}
+}
+
+@import "effects/2d-transitions/wobble-to-bottom-right";
+@if $includeClasses {
+	.#{$nameSpace}-wobble-to-bottom-right {
+	    @include wobble-to-bottom-right();
+	}
+}
+
+@import "effects/2d-transitions/wobble-to-top-right";
+@if $includeClasses {
+	.#{$nameSpace}-wobble-to-top-right {
+	    @include wobble-to-top-right();
+	}
+}
+
+@import "effects/2d-transitions/wobble-top";
+@if $includeClasses {
+	.#{$nameSpace}-wobble-top {
+		@include wobble-top();
+	}
+}
+
+@import "effects/2d-transitions/wobble-bottom";
+@if $includeClasses {
+	.#{$nameSpace}-wobble-bottom {
+		@include wobble-bottom();
+	}
+}
+
+@import "effects/2d-transitions/wobble-skew";
+@if $includeClasses {
+	.#{$nameSpace}-wobble-skew {
+	    @include wobble-skew();
+	}
+}
+
+@import "effects/2d-transitions/buzz";
+@if $includeClasses {
+	.#{$nameSpace}-buzz {
+	    @include buzz();
+	}
+}
+
+@import "effects/2d-transitions/buzz-out";
+@if $includeClasses {
+	.#{$nameSpace}-buzz-out {
+	    @include buzz-out();
+	}
+}
+
+/* BACKGROUND TRANSITIONS */
+@import "effects/background-transitions/fade";
+@if $includeClasses {
+	.#{$nameSpace}-fade {
+		@include fade();
+	}
+}
+
+@import "effects/background-transitions/back-pulse";
+@if $includeClasses {
+	.#{$nameSpace}-back-pulse {
+		@include back-pulse();
+	}
+}
+
+@import "effects/background-transitions/sweep-to-right";
+@if $includeClasses {
+	.#{$nameSpace}-sweep-to-right {
+		@include sweep-to-right();
+	}
+}
+
+@import "effects/background-transitions/sweep-to-left";
+@if $includeClasses {
+	.#{$nameSpace}-sweep-to-left {
+		@include sweep-to-left();
+	}
+}
+
+@import "effects/background-transitions/sweep-to-bottom";
+@if $includeClasses {
+	.#{$nameSpace}-sweep-to-bottom {
+		@include sweep-to-bottom();
+	}
+}
+
+@import "effects/background-transitions/sweep-to-top";
+@if $includeClasses {
+	.#{$nameSpace}-sweep-to-top {
+		@include sweep-to-top();
+	}
+}
+
+@import "effects/background-transitions/bounce-to-right";
+@if $includeClasses {
+	.#{$nameSpace}-bounce-to-right {
+		@include bounce-to-right();
+	}
+}
+
+@import "effects/background-transitions/bounce-to-left";
+@if $includeClasses {
+	.#{$nameSpace}-bounce-to-left {
+		@include bounce-to-left();
+	}
+}
+
+@import "effects/background-transitions/bounce-to-bottom";
+@if $includeClasses {
+	.#{$nameSpace}-bounce-to-bottom {
+		@include bounce-to-bottom();
+	}
+}
+
+@import "effects/background-transitions/bounce-to-top";
+@if $includeClasses {
+	.#{$nameSpace}-bounce-to-top {
+		@include bounce-to-top();
+	}
+}
+
+@import "effects/background-transitions/radial-out";
+@if $includeClasses {
+	.#{$nameSpace}-radial-out {
+		@include radial-out();
+	}
+}
+
+@import "effects/background-transitions/radial-in";
+@if $includeClasses {
+	.#{$nameSpace}-radial-in {
+		@include radial-in();
+	}
+}
+
+@import "effects/background-transitions/rectangle-in";
+@if $includeClasses {
+	.#{$nameSpace}-rectangle-in {
+		@include rectangle-in();
+	}
+}
+
+@import "effects/background-transitions/rectangle-out";
+@if $includeClasses {
+	.#{$nameSpace}-rectangle-out {
+		@include rectangle-out();
+	}
+}
+
+@import "effects/background-transitions/shutter-in-horizontal";
+@if $includeClasses {
+	.#{$nameSpace}-shutter-in-horizontal {
+		@include shutter-in-horizontal();
+	}
+}
+
+@import "effects/background-transitions/shutter-out-horizontal";
+@if $includeClasses {
+	.#{$nameSpace}-shutter-out-horizontal {
+		@include shutter-out-horizontal();
+	}
+}
+
+@import "effects/background-transitions/shutter-in-vertical";
+@if $includeClasses {
+	.#{$nameSpace}-shutter-in-vertical {
+		@include shutter-in-vertical();
+	}
+}
+
+@import "effects/background-transitions/shutter-out-vertical";
+@if $includeClasses {
+	.#{$nameSpace}-shutter-out-vertical {
+		@include shutter-out-vertical();
+	}
+}
+
+
+/* BORDER TRANSITIONS */
+@import "effects/border-transitions/border-fade";
+@if $includeClasses {
+	.#{$nameSpace}-border-fade {
+		@include border-fade();
+	}
+}
+
+@import "effects/border-transitions/hollow";
+@if $includeClasses {
+	.#{$nameSpace}-hollow {
+		@include hollow();
+	}
+}
+
+@import "effects/border-transitions/trim";
+@if $includeClasses {
+	.#{$nameSpace}-trim {
+		@include trim();
+	}
+}
+
+@import "effects/border-transitions/ripple-out";
+@if $includeClasses {
+	.#{$nameSpace}-ripple-out {
+		@include ripple-out();
+	}
+}
+
+@import "effects/border-transitions/ripple-in";
+@if $includeClasses {
+	.#{$nameSpace}-ripple-in {
+		@include ripple-in();
+	}
+}
+
+@import "effects/border-transitions/outline-out";
+@if $includeClasses {
+	.#{$nameSpace}-outline-out {
+		@include outline-out();
+	}
+}
+
+@import "effects/border-transitions/outline-in";
+@if $includeClasses {
+	.#{$nameSpace}-outline-in {
+		@include outline-in();
+	}
+}
+
+@import "effects/border-transitions/round-corners";
+@if $includeClasses {
+	.#{$nameSpace}-round-corners {
+		@include round-corners();
+	}
+}
+
+@import "effects/border-transitions/underline-from-left";
+@if $includeClasses {
+	.#{$nameSpace}-underline-from-left {
+		@include underline-from-left();
+	}
+}
+
+@import "effects/border-transitions/underline-from-center";
+@if $includeClasses {
+	.#{$nameSpace}-underline-from-center {
+		@include underline-from-center();
+	}
+}
+
+@import "effects/border-transitions/underline-from-right";
+@if $includeClasses {
+	.#{$nameSpace}-underline-from-right {
+		@include underline-from-right();
+	}
+}
+
+@import "effects/border-transitions/overline-from-left";
+@if $includeClasses {
+	.#{$nameSpace}-overline-from-left {
+		@include overline-from-left();
+	}
+}
+
+@import "effects/border-transitions/overline-from-center";
+@if $includeClasses {
+	.#{$nameSpace}-overline-from-center {
+		@include overline-from-center();
+	}
+}
+
+@import "effects/border-transitions/overline-from-right";
+@if $includeClasses {
+	.#{$nameSpace}-overline-from-right {
+		@include overline-from-right();
+	}
+}
+
+@import "effects/border-transitions/reveal";
+@if $includeClasses {
+	.#{$nameSpace}-reveal {
+		@include reveal();
+	}
+}
+
+@import "effects/border-transitions/underline-reveal";
+@if $includeClasses {
+	.#{$nameSpace}-underline-reveal {
+		@include underline-reveal();
+	}
+}
+
+@import "effects/border-transitions/overline-reveal";
+@if $includeClasses {
+	.#{$nameSpace}-overline-reveal {
+		@include overline-reveal();
+	}
+}
+
+
+/* SHADOW/GLOW TRANSITIONS */
+@import "effects/shadow-and-glow-transitions/glow";
+@if $includeClasses {
+	.#{$nameSpace}-glow {
+		@include glow();
+	}
+}
+
+@import "effects/shadow-and-glow-transitions/shadow";
+@if $includeClasses {
+	.#{$nameSpace}-shadow {
+		@include shadow();
+	}
+}
+
+@import "effects/shadow-and-glow-transitions/grow-shadow";
+@if $includeClasses {
+	.#{$nameSpace}-grow-shadow {
+		@include grow-shadow();
+	}
+}
+
+@import "effects/shadow-and-glow-transitions/box-shadow-outset";
+@if $includeClasses {
+	.#{$nameSpace}-box-shadow-outset {
+		@include box-shadow-outset();
+	}
+}
+
+@import "effects/shadow-and-glow-transitions/box-shadow-inset";
+@if $includeClasses {
+	.#{$nameSpace}-box-shadow-inset {
+		@include box-shadow-inset();
+	}
+}
+
+@import "effects/shadow-and-glow-transitions/float-shadow";
+@if $includeClasses {
+	.#{$nameSpace}-float-shadow {
+		@include float-shadow();
+	}
+}
+
+@import "effects/shadow-and-glow-transitions/shadow-radial";
+@if $includeClasses {
+	.#{$nameSpace}-shadow-radial {
+		@include shadow-radial();
+	}
+}
+
+/* SPEECH BUBBLES */
+@import "effects/speech-bubbles/bubble-top";
+@if $includeClasses {
+	.#{$nameSpace}-bubble-top {
+		@include bubble-top();
+	}
+}
+
+@import "effects/speech-bubbles/bubble-right";
+@if $includeClasses {
+	.#{$nameSpace}-bubble-right {
+		@include bubble-right();
+	}
+}
+
+@import "effects/speech-bubbles/bubble-bottom";
+@if $includeClasses {
+	.#{$nameSpace}-bubble-bottom {
+		@include bubble-bottom();
+	}
+}
+
+@import "effects/speech-bubbles/bubble-left";
+@if $includeClasses {
+	.#{$nameSpace}-bubble-left {
+		@include bubble-left();
+	}
+}
+
+@import "effects/speech-bubbles/bubble-float-top";
+@if $includeClasses {
+	.#{$nameSpace}-bubble-float-top {
+		@include bubble-float-top();
+	}
+}
+
+@import "effects/speech-bubbles/bubble-float-right";
+@if $includeClasses {
+	.#{$nameSpace}-bubble-float-right {
+		@include bubble-float-right();
+	}
+}
+
+@import "effects/speech-bubbles/bubble-float-bottom";
+@if $includeClasses {
+	.#{$nameSpace}-bubble-float-bottom {
+		@include bubble-float-bottom();
+	}
+}
+
+@import "effects/speech-bubbles/bubble-float-left";
+@if $includeClasses {
+	.#{$nameSpace}-bubble-float-left {
+		@include bubble-float-left();
+	}
+}
+
+/* ICONS */
+@import "effects/icons/icon-back";
+@if $includeClasses {
+	.#{$nameSpace}-icon-back {
+		@include icon-back();
+	}
+}
+
+@import "effects/icons/icon-forward";
+@if $includeClasses {
+	.#{$nameSpace}-icon-forward {
+		@include icon-forward();
+	}
+}
+
+@import "effects/icons/icon-down";
+@if $includeClasses {
+	.#{$nameSpace}-icon-down {
+		@include icon-down();
+	}
+}
+
+@import "effects/icons/icon-up";
+@if $includeClasses {
+	.#{$nameSpace}-icon-up {
+		@include icon-up();
+	}
+}
+
+@import "effects/icons/icon-spin";
+@if $includeClasses {
+	.#{$nameSpace}-icon-spin {
+		@include icon-spin();
+	}
+}
+
+@import "effects/icons/icon-drop";
+@if $includeClasses {
+	.#{$nameSpace}-icon-drop {
+		@include icon-drop();
+	}
+}
+
+@import "effects/icons/icon-fade";
+@if $includeClasses {
+	.#{$nameSpace}-icon-fade {
+		@include icon-fade();
+	}
+}
+
+@import "effects/icons/icon-float-away";
+@if $includeClasses {
+	.#{$nameSpace}-icon-float-away {
+		@include icon-float-away();
+	}
+}
+
+@import "effects/icons/icon-sink-away";
+@if $includeClasses {
+	.#{$nameSpace}-icon-sink-away {
+		@include icon-sink-away();
+	}
+}
+
+@import "effects/icons/icon-grow";
+@if $includeClasses {
+	.#{$nameSpace}-icon-grow {
+		@include icon-grow();
+	}
+}
+
+@import "effects/icons/icon-shrink";
+@if $includeClasses {
+	.#{$nameSpace}-icon-shrink {
+		@include icon-shrink();
+	}
+}
+
+@import "effects/icons/icon-pulse";
+@if $includeClasses {
+	.#{$nameSpace}-icon-pulse {
+		@include icon-pulse();
+	}
+}
+
+@import "effects/icons/icon-pulse-grow";
+@if $includeClasses {
+	.#{$nameSpace}-icon-pulse-grow {
+		@include icon-pulse-grow();
+	}
+}
+
+@import "effects/icons/icon-pulse-shrink";
+@if $includeClasses {
+	.#{$nameSpace}-icon-pulse-shrink {
+		@include icon-pulse-shrink();
+	}
+}
+
+@import "effects/icons/icon-push";
+@if $includeClasses {
+	.#{$nameSpace}-icon-push {
+		@include icon-push();
+	}
+}
+
+@import "effects/icons/icon-pop";
+@if $includeClasses {
+	.#{$nameSpace}-icon-pop {
+		@include icon-pop();
+	}
+}
+
+@import "effects/icons/icon-bounce";
+@if $includeClasses {
+	.#{$nameSpace}-icon-bounce {
+		@include icon-bounce();
+	}
+}
+
+@import "effects/icons/icon-rotate";
+@if $includeClasses {
+	.#{$nameSpace}-icon-rotate {
+		@include icon-rotate();
+	}
+}
+
+@import "effects/icons/icon-grow-rotate";
+@if $includeClasses {
+	.#{$nameSpace}-icon-grow-rotate {
+		@include icon-grow-rotate();
+	}
+}
+
+@import "effects/icons/icon-float";
+@if $includeClasses {
+	.#{$nameSpace}-icon-float {
+		@include icon-float();
+	}
+}
+
+@import "effects/icons/icon-sink";
+@if $includeClasses {
+	.#{$nameSpace}-icon-sink {
+		@include icon-sink();
+	}
+}
+
+@import "effects/icons/icon-bob";
+@if $includeClasses {
+	.#{$nameSpace}-icon-bob {
+		@include icon-bob();
+	}
+}
+
+@import "effects/icons/icon-hang";
+@if $includeClasses {
+	.#{$nameSpace}-icon-hang {
+		@include icon-hang();
+	}
+}
+
+@import "effects/icons/icon-wobble-horizontal";
+@if $includeClasses {
+	.#{$nameSpace}-icon-wobble-horizontal {
+		@include icon-wobble-horizontal();
+	}
+}
+
+@import "effects/icons/icon-wobble-vertical";
+@if $includeClasses {
+	.#{$nameSpace}-icon-wobble-vertical {
+		@include icon-wobble-vertical();
+	}
+}
+
+@import "effects/icons/icon-buzz";
+@if $includeClasses {
+	.#{$nameSpace}-icon-buzz {
+		@include icon-buzz();
+	}
+}
+
+@import "effects/icons/icon-buzz-out";
+@if $includeClasses {
+	.#{$nameSpace}-icon-buzz-out {
+		@include icon-buzz-out();
+	}
+}
+
+/* CURLS */
+@import "effects/curls/curl-top-left";
+@if $includeClasses {
+	.#{$nameSpace}-curl-top-left {
+		@include curl-top-left();
+	}
+}
+
+@import "effects/curls/curl-top-right";
+@if $includeClasses {
+	.#{$nameSpace}-curl-top-right {
+		@include curl-top-right();
+	}
+}
+
+@import "effects/curls/curl-bottom-right";
+@if $includeClasses {
+	.#{$nameSpace}-curl-bottom-right {
+		@include curl-bottom-right();
+	}
+}
+
+@import "effects/curls/curl-bottom-left";
+@if $includeClasses {
+	.#{$nameSpace}-curl-bottom-left {
+		@include curl-bottom-left();
+	}
+}
diff --git a/scss/effects/2d-transitions/_bob.scss b/scss/effects/2d-transitions/_bob.scss
index a5307f1..255fe4c 100644
--- a/scss/effects/2d-transitions/_bob.scss
+++ b/scss/effects/2d-transitions/_bob.scss
@@ -1,34 +1,37 @@
 /* Bob */
-@include keyframes(#{$nameSpace}-bob) {
-	0% {
-		@include prefixed(transform, translateY(-8px));
-	}
-	50% {
-		@include prefixed(transform, translateY(-4px));
-	}
-	100% {
-		@include prefixed(transform, translateY(-8px));
-	}
-}
-
-@include keyframes(#{$nameSpace}-bob-float) {
-	100% {
-		@include prefixed(transform, translateY(-8px));
-	}
-}
 
 @mixin bob {
-	@include hacks();
+    @include keyframes(#{$nameSpace}-bob) {
+        0% {
+            @include prefixed(transform, translateY(-8px));
+        }
+
+        50% {
+            @include prefixed(transform, translateY(-4px));
+        }
+
+        100% {
+            @include prefixed(transform, translateY(-8px));
+        }
+    }
+
+    @include keyframes(#{$nameSpace}-bob-float) {
+        100% {
+            @include prefixed(transform, translateY(-8px));
+        }
+    }
+
+    @include hacks();
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, "#{$nameSpace}-bob-float, #{$nameSpace}-bob");
-		@include prefixed(animation-duration, ".3s, 1.5s");
-		@include prefixed(animation-delay, "0s, .3s");
-		@include prefixed(animation-timing-function, "ease-out, ease-in-out");
-		@include prefixed(animation-iteration-count, "1, infinite");
-		@include prefixed(animation-fill-mode, "forwards");
-		@include prefixed(animation-direction, "normal, alternate");
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, "#{$nameSpace}-bob-float, #{$nameSpace}-bob");
+        @include prefixed(animation-duration, ".3s, 1.5s");
+        @include prefixed(animation-delay, "0s, .3s");
+        @include prefixed(animation-timing-function, "ease-out, ease-in-out");
+        @include prefixed(animation-iteration-count, "1, infinite");
+        @include prefixed(animation-fill-mode, "forwards");
+        @include prefixed(animation-direction, "normal, alternate");
+    }
 }
diff --git a/scss/effects/2d-transitions/_buzz-out.scss b/scss/effects/2d-transitions/_buzz-out.scss
index 0ff20f3..e071e70 100644
--- a/scss/effects/2d-transitions/_buzz-out.scss
+++ b/scss/effects/2d-transitions/_buzz-out.scss
@@ -1,55 +1,57 @@
 /* Buzz Out */
-@include keyframes(#{$nameSpace}-buzz-out) {
-	10% {
-		@include prefixed(transform, translateX(3px) rotate(2deg));
-	}
-
-	20% {
-		@include prefixed(transform, translateX(-3px) rotate(-2deg));
-	}
-
-	30% {
-		@include prefixed(transform, translateX(3px) rotate(2deg));
-	}
-
-	40% {
-		@include prefixed(transform, translateX(-3px) rotate(-2deg));
-	}
-
-	50% {
-		@include prefixed(transform, translateX(2px) rotate(1deg));
-	}
-
-	60% {
-		@include prefixed(transform, translateX(-2px) rotate(-1deg));
-	}
-
-	70% {
-		@include prefixed(transform, translateX(2px) rotate(1deg));
-	}
-
-	80% {
-		@include prefixed(transform, translateX(-2px) rotate(-1deg));
-	}
-
-	90% {
-		@include prefixed(transform, translateX(1px) rotate(0));
-	}
-
-	100% {
-		@include prefixed(transform, translateX(-1px) rotate(0));
-	}
-}
+
 
 @mixin buzz-out {
-	@include hacks();
-
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-buzz-out);
-		@include prefixed(animation-duration, .75s);
-		@include prefixed(animation-timing-function, linear);
-		@include prefixed(animation-iteration-count, 1);
-	}
+    @include keyframes(#{$nameSpace}-buzz-out) {
+        10% {
+            @include prefixed(transform, translateX(3px) rotate(2deg));
+        }
+
+        20% {
+            @include prefixed(transform, translateX(-3px) rotate(-2deg));
+        }
+
+        30% {
+            @include prefixed(transform, translateX(3px) rotate(2deg));
+        }
+
+        40% {
+            @include prefixed(transform, translateX(-3px) rotate(-2deg));
+        }
+
+        50% {
+            @include prefixed(transform, translateX(2px) rotate(1deg));
+        }
+
+        60% {
+            @include prefixed(transform, translateX(-2px) rotate(-1deg));
+        }
+
+        70% {
+            @include prefixed(transform, translateX(2px) rotate(1deg));
+        }
+
+        80% {
+            @include prefixed(transform, translateX(-2px) rotate(-1deg));
+        }
+
+        90% {
+            @include prefixed(transform, translateX(1px) rotate(0));
+        }
+
+        100% {
+            @include prefixed(transform, translateX(-1px) rotate(0));
+        }
+    }
+
+    @include hacks();
+
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-buzz-out);
+        @include prefixed(animation-duration, .75s);
+        @include prefixed(animation-timing-function, linear);
+        @include prefixed(animation-iteration-count, 1);
+    }
 }
diff --git a/scss/effects/2d-transitions/_buzz.scss b/scss/effects/2d-transitions/_buzz.scss
index 6beac3c..8d42b17 100644
--- a/scss/effects/2d-transitions/_buzz.scss
+++ b/scss/effects/2d-transitions/_buzz.scss
@@ -1,23 +1,25 @@
 /* Buzz */
-@include keyframes(#{$nameSpace}-buzz) {
-	50% {
-		@include prefixed(transform, translateX(3px) rotate(2deg));
-	}
 
-	100% {
-		@include prefixed(transform, translateX(-3px) rotate(-2deg));
-	}
-}
 
 @mixin buzz {
-	@include hacks();
+    @include keyframes(#{$nameSpace}-buzz) {
+        50% {
+            @include prefixed(transform, translateX(3px) rotate(2deg));
+        }
+
+        100% {
+            @include prefixed(transform, translateX(-3px) rotate(-2deg));
+        }
+    }
+
+    @include hacks();
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-buzz);
-		@include prefixed(animation-duration, .15s);
-		@include prefixed(animation-timing-function, linear);
-		@include prefixed(animation-iteration-count, infinite);
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-buzz);
+        @include prefixed(animation-duration, .15s);
+        @include prefixed(animation-timing-function, linear);
+        @include prefixed(animation-iteration-count, infinite);
+    }
 }
diff --git a/scss/effects/2d-transitions/_hang.scss b/scss/effects/2d-transitions/_hang.scss
index 277cc60..420531f 100644
--- a/scss/effects/2d-transitions/_hang.scss
+++ b/scss/effects/2d-transitions/_hang.scss
@@ -1,34 +1,38 @@
 /* Hang */
-@include keyframes(#{$nameSpace}-hang) {
-	0% {
-		@include prefixed(transform, translateY(8px));
-	}
-	50% {
-		@include prefixed(transform, translateY(4px));
-	}
-	100% {
-		@include prefixed(transform, translateY(8px));
-	}
-}
 
-@include keyframes(#{$nameSpace}-hang-sink) {
-	100% {
-		@include prefixed(transform, translateY(8px));
-	}
-}
 
 @mixin hang {
-	@include hacks();
+    @include keyframes(#{$nameSpace}-hang) {
+        0% {
+            @include prefixed(transform, translateY(8px));
+        }
+
+        50% {
+            @include prefixed(transform, translateY(4px));
+        }
+
+        100% {
+            @include prefixed(transform, translateY(8px));
+        }
+    }
+
+    @include keyframes(#{$nameSpace}-hang-sink) {
+        100% {
+            @include prefixed(transform, translateY(8px));
+        }
+    }
+
+    @include hacks();
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, "#{$nameSpace}-hang-sink, #{$nameSpace}-hang");
-		@include prefixed(animation-duration, ".3s, 1.5s");
-		@include prefixed(animation-delay, "0s, .3s");
-		@include prefixed(animation-timing-function, "ease-out, ease-in-out");
-		@include prefixed(animation-iteration-count, "1, infinite");
-		@include prefixed(animation-fill-mode, "forwards");
-		@include prefixed(animation-direction, "normal, alternate");
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, "#{$nameSpace}-hang-sink, #{$nameSpace}-hang");
+        @include prefixed(animation-duration, ".3s, 1.5s");
+        @include prefixed(animation-delay, "0s, .3s");
+        @include prefixed(animation-timing-function, "ease-out, ease-in-out");
+        @include prefixed(animation-iteration-count, "1, infinite");
+        @include prefixed(animation-fill-mode, "forwards");
+        @include prefixed(animation-direction, "normal, alternate");
+    }
 }
diff --git a/scss/effects/2d-transitions/_pop.scss b/scss/effects/2d-transitions/_pop.scss
index 88f1bb8..dc5f630 100644
--- a/scss/effects/2d-transitions/_pop.scss
+++ b/scss/effects/2d-transitions/_pop.scss
@@ -1,19 +1,21 @@
 /* Pop */
-@include keyframes(#{$nameSpace}-pop) {
-	50% {
-		@include prefixed(transform, scale(1.2));
-	}
-}
+
 
 @mixin pop {
-	@include hacks();
+    @include keyframes(#{$nameSpace}-pop) {
+        50% {
+            @include prefixed(transform, scale(1.2));
+        }
+    }
+
+    @include hacks();
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-pop);
-		@include prefixed(animation-duration, $mediumDuration);
-		@include prefixed(animation-timing-function, linear);
-		@include prefixed(animation-iteration-count, 1);
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-pop);
+        @include prefixed(animation-duration, $mediumDuration);
+        @include prefixed(animation-timing-function, linear);
+        @include prefixed(animation-iteration-count, 1);
+    }
 }
diff --git a/scss/effects/2d-transitions/_pulse-grow.scss b/scss/effects/2d-transitions/_pulse-grow.scss
index a47c44a..556ec08 100644
--- a/scss/effects/2d-transitions/_pulse-grow.scss
+++ b/scss/effects/2d-transitions/_pulse-grow.scss
@@ -1,20 +1,22 @@
 /* Pulse Grow */
-@include keyframes(#{$nameSpace}-pulse-grow) {
-	to {
-		@include prefixed(transform, scale(1.1));
-	}
-}
+
 
 @mixin pulse-grow {
-	@include hacks();
+    @include keyframes(#{$nameSpace}-pulse-grow) {
+        to {
+            @include prefixed(transform, scale(1.1));
+        }
+    }
+
+    @include hacks();
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-pulse-grow);
-		@include prefixed(animation-duration, $mediumDuration);
-		@include prefixed(animation-timing-function, linear);
-		@include prefixed(animation-iteration-count, infinite);
-		@include prefixed(animation-direction, alternate);
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-pulse-grow);
+        @include prefixed(animation-duration, $mediumDuration);
+        @include prefixed(animation-timing-function, linear);
+        @include prefixed(animation-iteration-count, infinite);
+        @include prefixed(animation-direction, alternate);
+    }
 }
diff --git a/scss/effects/2d-transitions/_pulse-shrink.scss b/scss/effects/2d-transitions/_pulse-shrink.scss
index 25b4446..29a666b 100644
--- a/scss/effects/2d-transitions/_pulse-shrink.scss
+++ b/scss/effects/2d-transitions/_pulse-shrink.scss
@@ -1,20 +1,22 @@
 /* Pulse Shrink */
-@include keyframes(#{$nameSpace}-pulse-shrink) {
-	to {
-		@include prefixed(transform, scale(.9));
-	}
-}
+
 
 @mixin pulse-shrink {
-	@include hacks();
+    @include keyframes(#{$nameSpace}-pulse-shrink) {
+        to {
+            @include prefixed(transform, scale(.9));
+        }
+    }
+
+    @include hacks();
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-pulse-shrink);
-		@include prefixed(animation-duration, $mediumDuration);
-		@include prefixed(animation-timing-function, linear);
-		@include prefixed(animation-iteration-count, infinite);
-		@include prefixed(animation-direction, alternate);
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-pulse-shrink);
+        @include prefixed(animation-duration, $mediumDuration);
+        @include prefixed(animation-timing-function, linear);
+        @include prefixed(animation-iteration-count, infinite);
+        @include prefixed(animation-direction, alternate);
+    }
 }
diff --git a/scss/effects/2d-transitions/_pulse.scss b/scss/effects/2d-transitions/_pulse.scss
index 814fdea..ac38e39 100644
--- a/scss/effects/2d-transitions/_pulse.scss
+++ b/scss/effects/2d-transitions/_pulse.scss
@@ -1,23 +1,24 @@
 /* Pulse */
-@include keyframes(#{$nameSpace}-pulse) {
-	25% {
-		@include prefixed(transform, scale(1.1));
-	}
-
-	75% {
-		@include prefixed(transform, scale(.9));
-	}
-}
 
 @mixin pulse {
-	@include hacks();
+    @include keyframes(#{$nameSpace}-pulse) {
+        25% {
+            @include prefixed(transform, scale(1.1));
+        }
+
+        75% {
+            @include prefixed(transform, scale(.9));
+        }
+    }
+
+    @include hacks();
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-pulse);
-		@include prefixed(animation-duration, 1s);
-		@include prefixed(animation-timing-function, linear);
-		@include prefixed(animation-iteration-count, infinite);
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-pulse);
+        @include prefixed(animation-duration, 1s);
+        @include prefixed(animation-timing-function, linear);
+        @include prefixed(animation-iteration-count, infinite);
+    }
 }
diff --git a/scss/effects/2d-transitions/_push.scss b/scss/effects/2d-transitions/_push.scss
index 5e72b0f..b832477 100644
--- a/scss/effects/2d-transitions/_push.scss
+++ b/scss/effects/2d-transitions/_push.scss
@@ -1,23 +1,25 @@
 /* Push */
-@include keyframes(#{$nameSpace}-push) {
-	50% {
-		@include prefixed(transform, scale(.8));
-	}
 
-	100% {
-		@include prefixed(transform, scale(1));
-	}
-}
 
 @mixin push {
-	@include hacks();
+    @include keyframes(#{$nameSpace}-push) {
+        50% {
+            @include prefixed(transform, scale(.8));
+        }
+
+        100% {
+            @include prefixed(transform, scale(1));
+        }
+    }
+
+    @include hacks();
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-push);
-		@include prefixed(animation-duration, .3s);
-		@include prefixed(animation-timing-function, linear);
-		@include prefixed(animation-iteration-count, 1);
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-push);
+        @include prefixed(animation-duration, .3s);
+        @include prefixed(animation-timing-function, linear);
+        @include prefixed(animation-iteration-count, 1);
+    }
 }
diff --git a/scss/effects/2d-transitions/_shrink.scss b/scss/effects/2d-transitions/_shrink.scss
index 9344c44..0ab5021 100644
--- a/scss/effects/2d-transitions/_shrink.scss
+++ b/scss/effects/2d-transitions/_shrink.scss
@@ -1,12 +1,12 @@
 /* Shrink */
 @mixin shrink {
-	@include hacks();
-	@include prefixed(transition-duration, $mediumDuration);
-	@include prefixed(transition-property, transform);
+    @include hacks();
+    @include prefixed(transition-duration, $mediumDuration);
+    @include prefixed(transition-property, transform);
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(transform, scale(.9));
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(transform, scale(.9));
+    }
 }
diff --git a/scss/effects/2d-transitions/_sink.scss b/scss/effects/2d-transitions/_sink.scss
index 1242bae..93b07a1 100644
--- a/scss/effects/2d-transitions/_sink.scss
+++ b/scss/effects/2d-transitions/_sink.scss
@@ -1,13 +1,13 @@
 /* Sink */
 @mixin sink {
-	@include hacks();
-	@include prefixed(transition-duration, $mediumDuration);
-	@include prefixed(transition-property, transform);
-	@include prefixed(transition-timing-function, ease-out);
+    @include hacks();
+    @include prefixed(transition-duration, $mediumDuration);
+    @include prefixed(transition-property, transform);
+    @include prefixed(transition-timing-function, ease-out);
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(transform, translateY(8px));
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(transform, translateY(8px));
+    }
 }
diff --git a/scss/effects/2d-transitions/_skew-backward.scss b/scss/effects/2d-transitions/_skew-backward.scss
index d5b983f..e28122a 100644
--- a/scss/effects/2d-transitions/_skew-backward.scss
+++ b/scss/effects/2d-transitions/_skew-backward.scss
@@ -1,13 +1,13 @@
 /* Skew Backward */
 @mixin skew-backward {
-	@include hacks();
-	@include prefixed(transition-duration, $mediumDuration);
-	@include prefixed(transition-property, transform);
-	@include prefixed(transform-origin, 0 100%);
+    @include hacks();
+    @include prefixed(transition-duration, $mediumDuration);
+    @include prefixed(transition-property, transform);
+    @include prefixed(transform-origin, 0 100%);
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(transform, skew(10deg));
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(transform, skew(10deg));
+    }
 }
diff --git a/scss/effects/2d-transitions/_skew-forward.scss b/scss/effects/2d-transitions/_skew-forward.scss
index 8faf7ed..f32a00c 100644
--- a/scss/effects/2d-transitions/_skew-forward.scss
+++ b/scss/effects/2d-transitions/_skew-forward.scss
@@ -1,13 +1,13 @@
 /* Skew Forward */
 @mixin skew-forward {
-	@include hacks();
-	@include prefixed(transition-duration, $mediumDuration);
-	@include prefixed(transition-property, transform);
-	@include prefixed(transform-origin, 0 100%);
+    @include hacks();
+    @include prefixed(transition-duration, $mediumDuration);
+    @include prefixed(transition-property, transform);
+    @include prefixed(transform-origin, 0 100%);
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(transform, skew(-10deg));
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(transform, skew(-10deg));
+    }
 }
diff --git a/scss/effects/2d-transitions/_wobble-bottom.scss b/scss/effects/2d-transitions/_wobble-bottom.scss
index be2818b..1b1bfb2 100644
--- a/scss/effects/2d-transitions/_wobble-bottom.scss
+++ b/scss/effects/2d-transitions/_wobble-bottom.scss
@@ -1,40 +1,42 @@
 /* Wobble Bottom */
-@include keyframes(#{$nameSpace}-wobble-bottom) {
-	16.65% {
-		@include prefixed(transform, skew(-12deg));
-	}
-
-	33.3% {
-		@include prefixed(transform, skew(10deg));
-	}
-
-	49.95% {
-		@include prefixed(transform, skew(-6deg));
-	}
-
-	66.6% {
-		@include prefixed(transform, skew(4deg));
-	}
-
-	83.25% {
-		@include prefixed(transform, skew(-2deg));
-	}
-
-	100% {
-		@include prefixed(transform, skew(0));
-	}
-}
+
 
 @mixin wobble-bottom {
-	@include hacks();
-	@include prefixed(transform-origin, 100% 0);
-
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-wobble-bottom);
-		@include prefixed(animation-duration, 1s);
-		@include prefixed(animation-timing-function, ease-in-out);
-		@include prefixed(animation-iteration-count, 1);
-	}
+    @include keyframes(#{$nameSpace}-wobble-bottom) {
+        16.65% {
+            @include prefixed(transform, skew(-12deg));
+        }
+
+        33.3% {
+            @include prefixed(transform, skew(10deg));
+        }
+
+        49.95% {
+            @include prefixed(transform, skew(-6deg));
+        }
+
+        66.6% {
+            @include prefixed(transform, skew(4deg));
+        }
+
+        83.25% {
+            @include prefixed(transform, skew(-2deg));
+        }
+
+        100% {
+            @include prefixed(transform, skew(0));
+        }
+    }
+
+    @include hacks();
+    @include prefixed(transform-origin, 100% 0);
+
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-wobble-bottom);
+        @include prefixed(animation-duration, 1s);
+        @include prefixed(animation-timing-function, ease-in-out);
+        @include prefixed(animation-iteration-count, 1);
+    }
 }
diff --git a/scss/effects/2d-transitions/_wobble-horizontal.scss b/scss/effects/2d-transitions/_wobble-horizontal.scss
index c57404a..ca950fe 100644
--- a/scss/effects/2d-transitions/_wobble-horizontal.scss
+++ b/scss/effects/2d-transitions/_wobble-horizontal.scss
@@ -1,39 +1,41 @@
 /* Wobble Horizontal */
-@include keyframes(#{$nameSpace}-wobble-horizontal) {
-	16.65% {
-		@include prefixed(transform, translateX(8px));
-	}
-
-	33.3% {
-		@include prefixed(transform, translateX(-6px));
-	}
-
-	49.95% {
-		@include prefixed(transform, translateX(4px));
-	}
-
-	66.6% {
-		@include prefixed(transform, translateX(-2px));
-	}
-
-	83.25% {
-		@include prefixed(transform, translateX(1px));
-	}
-
-	100% {
-		@include prefixed(transform, translateX(0));
-	}
-}
+
 
 @mixin wobble-horizontal {
-	@include hacks();
-
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-wobble-horizontal);
-		@include prefixed(animation-duration, 1s);
-		@include prefixed(animation-timing-function, ease-in-out);
-		@include prefixed(animation-iteration-count, 1);
-	}
+    @include keyframes(#{$nameSpace}-wobble-horizontal) {
+        16.65% {
+            @include prefixed(transform, translateX(8px));
+        }
+
+        33.3% {
+            @include prefixed(transform, translateX(-6px));
+        }
+
+        49.95% {
+            @include prefixed(transform, translateX(4px));
+        }
+
+        66.6% {
+            @include prefixed(transform, translateX(-2px));
+        }
+
+        83.25% {
+            @include prefixed(transform, translateX(1px));
+        }
+
+        100% {
+            @include prefixed(transform, translateX(0));
+        }
+    }
+
+    @include hacks();
+
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-wobble-horizontal);
+        @include prefixed(animation-duration, 1s);
+        @include prefixed(animation-timing-function, ease-in-out);
+        @include prefixed(animation-iteration-count, 1);
+    }
 }
diff --git a/scss/effects/2d-transitions/_wobble-skew.scss b/scss/effects/2d-transitions/_wobble-skew.scss
index 4355e7b..49373dc 100644
--- a/scss/effects/2d-transitions/_wobble-skew.scss
+++ b/scss/effects/2d-transitions/_wobble-skew.scss
@@ -1,39 +1,41 @@
 /* Wobble Skew */
-@include keyframes(#{$nameSpace}-wobble-skew) {
-	16.65% {
-		@include prefixed(transform, skew(-12deg));
-	}
-
-	33.3% {
-		@include prefixed(transform, skew(10deg));
-	}
-
-	49.95% {
-		@include prefixed(transform, skew(-6deg));
-	}
-
-	66.6% {
-		@include prefixed(transform, skew(4deg));
-	}
-
-	83.25% {
-		@include prefixed(transform, skew(-2deg));
-	}
-
-	100% {
-		@include prefixed(transform, skew(0));
-	}
-}
+
 
 @mixin wobble-skew {
-	@include hacks();
-
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-wobble-skew);
-		@include prefixed(animation-duration, 1s);
-		@include prefixed(animation-timing-function, ease-in-out);
-		@include prefixed(animation-iteration-count, 1);
-	}
+    @include keyframes(#{$nameSpace}-wobble-skew) {
+        16.65% {
+            @include prefixed(transform, skew(-12deg));
+        }
+
+        33.3% {
+            @include prefixed(transform, skew(10deg));
+        }
+
+        49.95% {
+            @include prefixed(transform, skew(-6deg));
+        }
+
+        66.6% {
+            @include prefixed(transform, skew(4deg));
+        }
+
+        83.25% {
+            @include prefixed(transform, skew(-2deg));
+        }
+
+        100% {
+            @include prefixed(transform, skew(0));
+        }
+    }
+
+    @include hacks();
+
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-wobble-skew);
+        @include prefixed(animation-duration, 1s);
+        @include prefixed(animation-timing-function, ease-in-out);
+        @include prefixed(animation-iteration-count, 1);
+    }
 }
diff --git a/scss/effects/2d-transitions/_wobble-to-bottom-right.scss b/scss/effects/2d-transitions/_wobble-to-bottom-right.scss
index f1df22a..bfbd7aa 100644
--- a/scss/effects/2d-transitions/_wobble-to-bottom-right.scss
+++ b/scss/effects/2d-transitions/_wobble-to-bottom-right.scss
@@ -1,39 +1,41 @@
 /* Wobble To Bottom Right */
-@include keyframes(#{$nameSpace}-wobble-to-bottom-right) {
-	16.65% {
-		@include prefixed(transform, translate(8px, 8px));
-	}
-
-	33.3% {
-		@include prefixed(transform, translate(-6px, -6px));
-	}
-
-	49.95% {
-		@include prefixed(transform, translate(4px, 4px));
-	}
-
-	66.6% {
-		@include prefixed(transform, translate(-2px, -2px));
-	}
-
-	83.25% {
-		@include prefixed(transform, translate(1px, 1px));
-	}
-
-	100% {
-		@include prefixed(transform, translate(0, 0));
-	}
-}
+
 
 @mixin wobble-to-bottom-right {
-	@include hacks();
-
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-wobble-to-bottom-right);
-		@include prefixed(animation-duration, 1s);
-		@include prefixed(animation-timing-function, ease-in-out);
-		@include prefixed(animation-iteration-count, 1);
-	}
+    @include keyframes(#{$nameSpace}-wobble-to-bottom-right) {
+        16.65% {
+            @include prefixed(transform, translate(8px, 8px));
+        }
+
+        33.3% {
+            @include prefixed(transform, translate(-6px, -6px));
+        }
+
+        49.95% {
+            @include prefixed(transform, translate(4px, 4px));
+        }
+
+        66.6% {
+            @include prefixed(transform, translate(-2px, -2px));
+        }
+
+        83.25% {
+            @include prefixed(transform, translate(1px, 1px));
+        }
+
+        100% {
+            @include prefixed(transform, translate(0, 0));
+        }
+    }
+
+    @include hacks();
+
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-wobble-to-bottom-right);
+        @include prefixed(animation-duration, 1s);
+        @include prefixed(animation-timing-function, ease-in-out);
+        @include prefixed(animation-iteration-count, 1);
+    }
 }
diff --git a/scss/effects/2d-transitions/_wobble-to-top-right.scss b/scss/effects/2d-transitions/_wobble-to-top-right.scss
index 56247c8..034be50 100644
--- a/scss/effects/2d-transitions/_wobble-to-top-right.scss
+++ b/scss/effects/2d-transitions/_wobble-to-top-right.scss
@@ -1,39 +1,41 @@
 /* Wobble To Top Right */
-@include keyframes(#{$nameSpace}-wobble-to-top-right) {
-  16.65% {
-    @include prefixed(transform, translate(8px, -8px));
-  }
-
-  33.3% {
-    @include prefixed(transform, translate(-6px, 6px));
-  }
-
-  49.95% {
-    @include prefixed(transform, translate(4px, -4px));
-  }
-
-  66.6% {
-    @include prefixed(transform, translate(-2px, 2px));
-  }
-
-  83.25% {
-    @include prefixed(transform, translate(1px, -1px));
-  }
-
-  100% {
-    @include prefixed(transform, translate(0, 0));
-  }
-}
+
 
 @mixin wobble-to-top-right {
-	@include hacks();
+    @include keyframes(#{$nameSpace}-wobble-to-top-right) {
+        16.65% {
+            @include prefixed(transform, translate(8px, -8px));
+        }
+
+        33.3% {
+            @include prefixed(transform, translate(-6px, 6px));
+        }
+
+        49.95% {
+            @include prefixed(transform, translate(4px, -4px));
+        }
+
+        66.6% {
+            @include prefixed(transform, translate(-2px, 2px));
+        }
+
+        83.25% {
+            @include prefixed(transform, translate(1px, -1px));
+        }
+
+        100% {
+            @include prefixed(transform, translate(0, 0));
+        }
+    }
+
+    @include hacks();
 
-	&:hover,
+    &:hover,
     &:focus,
     &:active {
         @include prefixed(animation-name, #{$nameSpace}-wobble-to-top-right);
         @include prefixed(animation-duration, 1s);
         @include prefixed(animation-timing-function, ease-in-out);
         @include prefixed(animation-iteration-count, 1);
-	}
+    }
 }
diff --git a/scss/effects/2d-transitions/_wobble-top.scss b/scss/effects/2d-transitions/_wobble-top.scss
index 7603842..8f3e3e0 100644
--- a/scss/effects/2d-transitions/_wobble-top.scss
+++ b/scss/effects/2d-transitions/_wobble-top.scss
@@ -1,40 +1,42 @@
 /* Wobble Top */
-@include keyframes(#{$nameSpace}-wobble-top) {
-	16.65% {
-		@include prefixed(transform, skew(-12deg));
-	}
-
-	33.3% {
-		@include prefixed(transform, skew(10deg));
-	}
-
-	49.95% {
-		@include prefixed(transform, skew(-6deg));
-	}
-
-	66.6% {
-		@include prefixed(transform, skew(4deg));
-	}
-
-	83.25% {
-		@include prefixed(transform, skew(-2deg));
-	}
-
-	100% {
-		@include prefixed(transform, skew(0));
-	}
-}
+
 
 @mixin wobble-top {
-	@include hacks();
-	@include prefixed(transform-origin, 0 100%);
-
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-wobble-top);
-		@include prefixed(animation-duration, 1s);
-		@include prefixed(animation-timing-function, ease-in-out);
-		@include prefixed(animation-iteration-count, 1);
-	}
+    @include keyframes(#{$nameSpace}-wobble-top) {
+        16.65% {
+            @include prefixed(transform, skew(-12deg));
+        }
+
+        33.3% {
+            @include prefixed(transform, skew(10deg));
+        }
+
+        49.95% {
+            @include prefixed(transform, skew(-6deg));
+        }
+
+        66.6% {
+            @include prefixed(transform, skew(4deg));
+        }
+
+        83.25% {
+            @include prefixed(transform, skew(-2deg));
+        }
+
+        100% {
+            @include prefixed(transform, skew(0));
+        }
+    }
+
+    @include hacks();
+    @include prefixed(transform-origin, 0 100%);
+
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-wobble-top);
+        @include prefixed(animation-duration, 1s);
+        @include prefixed(animation-timing-function, ease-in-out);
+        @include prefixed(animation-iteration-count, 1);
+    }
 }
diff --git a/scss/effects/2d-transitions/_wobble-vertical.scss b/scss/effects/2d-transitions/_wobble-vertical.scss
index fd28eb7..583a2a3 100644
--- a/scss/effects/2d-transitions/_wobble-vertical.scss
+++ b/scss/effects/2d-transitions/_wobble-vertical.scss
@@ -1,39 +1,41 @@
 /* Wobble Vertical */
-@include keyframes(#{$nameSpace}-wobble-vertical) {
-	16.65% {
-		@include prefixed(transform, translateY(8px));
-	}
-
-	33.3% {
-		@include prefixed(transform, translateY(-6px));
-	}
-
-	49.95% {
-		@include prefixed(transform, translateY(4px));
-	}
-
-	66.6% {
-		@include prefixed(transform, translateY(-2px));
-	}
-
-	83.25% {
-		@include prefixed(transform, translateY(1px));
-	}
-
-	100% {
-		@include prefixed(transform, translateY(0));
-	}
-}
+
 
 @mixin wobble-vertical {
-	@include hacks();
-
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-wobble-vertical);
-		@include prefixed(animation-duration, 1s);
-		@include prefixed(animation-timing-function, ease-in-out);
-		@include prefixed(animation-iteration-count, 1);
-	}
+    @include keyframes(#{$nameSpace}-wobble-vertical) {
+        16.65% {
+            @include prefixed(transform, translateY(8px));
+        }
+
+        33.3% {
+            @include prefixed(transform, translateY(-6px));
+        }
+
+        49.95% {
+            @include prefixed(transform, translateY(4px));
+        }
+
+        66.6% {
+            @include prefixed(transform, translateY(-2px));
+        }
+
+        83.25% {
+            @include prefixed(transform, translateY(1px));
+        }
+
+        100% {
+            @include prefixed(transform, translateY(0));
+        }
+    }
+
+    @include hacks();
+
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-wobble-vertical);
+        @include prefixed(animation-duration, 1s);
+        @include prefixed(animation-timing-function, ease-in-out);
+        @include prefixed(animation-iteration-count, 1);
+    }
 }
diff --git a/scss/effects/background-transitions/_back-pulse.scss b/scss/effects/background-transitions/_back-pulse.scss
index fa2afb8..591c1c8 100644
--- a/scss/effects/background-transitions/_back-pulse.scss
+++ b/scss/effects/background-transitions/_back-pulse.scss
@@ -1,26 +1,28 @@
 /* Back Pulse */
-@include keyframes(#{$nameSpace}-back-pulse) {
-	50% {
-		background-color: rgba(32, 152, 209, .75);
-	}
-}
+
 
 @mixin back-pulse {
-	@include hacks();
-	overflow: hidden;
-	@include prefixed(transition-duration, $slowDuration);
-	@include prefixed(transition-property, "color, background-color");
+    @include keyframes(#{$nameSpace}-back-pulse) {
+        50% {
+            background-color: rgba(32, 152, 209, .75);
+        }
+    }
+
+    @include hacks();
+    overflow: hidden;
+    @include prefixed(transition-duration, $slowDuration);
+    @include prefixed(transition-property, "color, background-color");
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(animation-name, #{$nameSpace}-back-pulse);
-		@include prefixed(animation-duration, 1s);
-		@include prefixed(animation-delay, $slowDuration);
-		@include prefixed(animation-timing-function, linear);
-		@include prefixed(animation-iteration-count, infinite);
-		background-color: $activeColor;
-		background-color: rgba(32, 152, 209, 1);
-		color: white;
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(animation-name, #{$nameSpace}-back-pulse);
+        @include prefixed(animation-duration, 1s);
+        @include prefixed(animation-delay, $slowDuration);
+        @include prefixed(animation-timing-function, linear);
+        @include prefixed(animation-iteration-count, infinite);
+        background-color: $activeColor;
+        background-color: rgba(32, 152, 209, 1);
+        color: white;
+    }
 }
diff --git a/scss/effects/background-transitions/_bounce-to-bottom.scss b/scss/effects/background-transitions/_bounce-to-bottom.scss
index d0770a5..bea3bcf 100644
--- a/scss/effects/background-transitions/_bounce-to-bottom.scss
+++ b/scss/effects/background-transitions/_bounce-to-bottom.scss
@@ -1,34 +1,34 @@
 /* Bounce To Bottom */
 @mixin bounce-to-bottom {
-	@include hacks();
-	position: relative;
-	@include prefixed(transition-property, color);
-	@include prefixed(transition-duration, $slowDuration);
+    @include hacks();
+    position: relative;
+    @include prefixed(transition-property, color);
+    @include prefixed(transition-duration, $slowDuration);
 
-	&:before {
-		content: "";
-		position: absolute;
-		z-index: -1;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background: $activeColor;
-		@include prefixed(transform, scaleY(0));
-		@include prefixed(transform-origin, 50% 0);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-duration, $slowDuration);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: $activeColor;
+        @include prefixed(transform, scaleY(0));
+        @include prefixed(transform-origin, 50% 0);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-duration, $slowDuration);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
-		color: white;
+    &:hover,
+    &:focus,
+    &:active {
+        color: white;
 
-		&:before {
-			@include prefixed(transform, scaleY(1));
-			@include prefixed(transition-timing-function, cubic-bezier(.52,1.64,.37,.66));
-		}
-	}
+        &:before {
+            @include prefixed(transform, scaleY(1));
+            @include prefixed(transition-timing-function, cubic-bezier(.52,1.64,.37,.66));
+        }
+    }
 }
diff --git a/scss/effects/background-transitions/_sweep-to-left.scss b/scss/effects/background-transitions/_sweep-to-left.scss
index af5923f..f03a32d 100644
--- a/scss/effects/background-transitions/_sweep-to-left.scss
+++ b/scss/effects/background-transitions/_sweep-to-left.scss
@@ -1,33 +1,33 @@
 /* Sweep To Left */
 @mixin sweep-to-left {
-	@include hacks();
-	position: relative;
-	@include prefixed(transition-property, color);
-	@include prefixed(transition-duration, $mediumDuration);
+    @include hacks();
+    position: relative;
+    @include prefixed(transition-property, color);
+    @include prefixed(transition-duration, $mediumDuration);
 
-	&:before {
-		content: "";
-		position: absolute;
-		z-index: -1;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background: $activeColor;
-		@include prefixed(transform, scaleX(0));
-		@include prefixed(transform-origin, 100% 50%);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-duration, $mediumDuration);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: $activeColor;
+        @include prefixed(transform, scaleX(0));
+        @include prefixed(transform-origin, 100% 50%);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
-		color: white;
+    &:hover,
+    &:focus,
+    &:active {
+        color: white;
 
-		&:before {
-			@include prefixed(transform, scaleX(1));
-		}
-	}
+        &:before {
+            @include prefixed(transform, scaleX(1));
+        }
+    }
 }
diff --git a/scss/effects/background-transitions/_sweep-to-right.scss b/scss/effects/background-transitions/_sweep-to-right.scss
index 9bf5ed5..49764a4 100644
--- a/scss/effects/background-transitions/_sweep-to-right.scss
+++ b/scss/effects/background-transitions/_sweep-to-right.scss
@@ -1,33 +1,33 @@
 /* Sweep To Right */
 @mixin sweep-to-right {
-	@include hacks();
-	position: relative;
-	@include prefixed(transition-property, color);
-	@include prefixed(transition-duration, $mediumDuration);
+    @include hacks();
+    position: relative;
+    @include prefixed(transition-property, color);
+    @include prefixed(transition-duration, $mediumDuration);
 
-	&:before {
-		content: "";
-		position: absolute;
-		z-index: -1;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background: $activeColor;
-		@include prefixed(transform, scaleX(0));
-		@include prefixed(transform-origin, 0 50%);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-duration, $mediumDuration);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: $activeColor;
+        @include prefixed(transform, scaleX(0));
+        @include prefixed(transform-origin, 0 50%);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
-		color: white;
+    &:hover,
+    &:focus,
+    &:active {
+        color: white;
 
-		&:before {
-			@include prefixed(transform, scaleX(1));
-		}
-	}
+        &:before {
+            @include prefixed(transform, scaleX(1));
+        }
+    }
 }
diff --git a/scss/effects/background-transitions/_sweep-to-top.scss b/scss/effects/background-transitions/_sweep-to-top.scss
index e4ecc2f..e762ee4 100644
--- a/scss/effects/background-transitions/_sweep-to-top.scss
+++ b/scss/effects/background-transitions/_sweep-to-top.scss
@@ -1,33 +1,33 @@
 /* Sweep To Top */
 @mixin sweep-to-top {
-	@include hacks();
-	position: relative;
-	@include prefixed(transition-property, color);
-	@include prefixed(transition-duration, $mediumDuration);
+    @include hacks();
+    position: relative;
+    @include prefixed(transition-property, color);
+    @include prefixed(transition-duration, $mediumDuration);
 
-	&:before {
-		content: "";
-		position: absolute;
-		z-index: -1;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background: $activeColor;
-		@include prefixed(transform, scaleY(0));
-		@include prefixed(transform-origin, 50% 100%);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-duration, $mediumDuration);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: $activeColor;
+        @include prefixed(transform, scaleY(0));
+        @include prefixed(transform-origin, 50% 100%);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
-		color: white;
+    &:hover,
+    &:focus,
+    &:active {
+        color: white;
 
-		&:before {
-			@include prefixed(transform, scaleY(1));
-		}
-	}
+        &:before {
+            @include prefixed(transform, scaleY(1));
+        }
+    }
 }
diff --git a/scss/effects/border-transitions/_border-fade.scss b/scss/effects/border-transitions/_border-fade.scss
index 1d06c28..315ee19 100644
--- a/scss/effects/border-transitions/_border-fade.scss
+++ b/scss/effects/border-transitions/_border-fade.scss
@@ -1,19 +1,14 @@
 /* Border Fade */
 @mixin border-fade {
-	$borderWidth: 4px;
+    $borderWidth: 4px;
 
-	@include hacks();
-	@include prefixed(transition-duration, $mediumDuration);
-	@include prefixed(transition-property, box-shadow);
-	box-shadow:
-			inset 0 0 0 $borderWidth $primaryColor,
-			0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */
-
-	&:hover,
-	&:focus,
-	&:active {
-		box-shadow:
-			inset 0 0 0 $borderWidth $activeColor,
-			0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */
-	}
+    @include hacks();
+    @include prefixed(transition-duration, $mediumDuration);
+    @include prefixed(transition-property, box-shadow);
+    box-shadow: inset 0 0 0 $borderWidth $primaryColor, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */
+    &:hover,
+    &:focus,
+    &:active {
+        box-shadow: inset 0 0 0 $borderWidth $activeColor, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */
+    }
 }
diff --git a/scss/effects/border-transitions/_overline-from-left.scss b/scss/effects/border-transitions/_overline-from-left.scss
index 644a993..75ae5fb 100644
--- a/scss/effects/border-transitions/_overline-from-left.scss
+++ b/scss/effects/border-transitions/_overline-from-left.scss
@@ -1,31 +1,31 @@
 /* Overline From Left */
 @mixin overline-from-left {
-	$duration: $mediumDuration;
+    $duration: $mediumDuration;
 
-	@include hacks();
-	position: relative;
-	overflow: hidden;
+    @include hacks();
+    position: relative;
+    overflow: hidden;
 
-	&:before {
-		content: "";
-		position: absolute;
-		z-index: -1;
-		left: 0;
-		right: 100%;
-		top: 0;
-		background: $activeColor;
-		height: 4px;
-		@include prefixed(transition-property, "right");
-		@include prefixed(transition-duration, $duration);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        left: 0;
+        right: 100%;
+        top: 0;
+        background: $activeColor;
+        height: 4px;
+        @include prefixed(transition-property, "right");
+        @include prefixed(transition-duration, $duration);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			right: 0;
-		}
-	}
+        &:before {
+            right: 0;
+        }
+    }
 }
diff --git a/scss/effects/border-transitions/_overline-reveal.scss b/scss/effects/border-transitions/_overline-reveal.scss
index 868396a..3b0f68e 100644
--- a/scss/effects/border-transitions/_overline-reveal.scss
+++ b/scss/effects/border-transitions/_overline-reveal.scss
@@ -1,32 +1,32 @@
 /* Overline Reveal */
 @mixin overline-reveal {
-	$duration: $mediumDuration;
+    $duration: $mediumDuration;
 
-	@include hacks();
-	position: relative;
-	overflow: hidden;
+    @include hacks();
+    position: relative;
+    overflow: hidden;
 
-	&:before {
-		content: "";
-		position: absolute;
-		z-index: -1;
-		left: 0;
-		right: 0;
-		top: 0;
-		background: $activeColor;
-		height: 4px;
-		@include prefixed(transform, translateY(-4px));
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-duration, $duration);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        left: 0;
+        right: 0;
+        top: 0;
+        background: $activeColor;
+        height: 4px;
+        @include prefixed(transform, translateY(-4px));
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-duration, $duration);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(transform, translateY(0));
-		}
-	}
+        &:before {
+            @include prefixed(transform, translateY(0));
+        }
+    }
 }
diff --git a/scss/effects/border-transitions/_ripple-in.scss b/scss/effects/border-transitions/_ripple-in.scss
index 2f7f94d..24bf048 100644
--- a/scss/effects/border-transitions/_ripple-in.scss
+++ b/scss/effects/border-transitions/_ripple-in.scss
@@ -1,36 +1,38 @@
 /* Ripple In */
-@include keyframes(#{$nameSpace}-ripple-in) {
-	100% {
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-		opacity: 1;
-	}
-}
+
 
 @mixin ripple-in {
-	$outerBorderWidth: 4px;
-	$innerBorderWidth: 4px;
+    @include keyframes(#{$nameSpace}-ripple-in) {
+        100% {
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            opacity: 1;
+        }
+    }
+
+    $outerBorderWidth: 4px;
+    $innerBorderWidth: 4px;
 
-	@include hacks();
-	position: relative;
+    @include hacks();
+    position: relative;
 
-	&:before {
-		content: '';
-		position: absolute;
-		border: $primaryColor solid $outerBorderWidth;
-		top: -(6px + 6px);
-		right: -(6px + 6px);
-		bottom: -(6px + 6px);
-		left: -(6px + 6px);
-		opacity: 0;
-		@include prefixed(animation-duration, 1s);
-	}
+    &:before {
+        content: '';
+        position: absolute;
+        border: $primaryColor solid $outerBorderWidth;
+        top: -(6px + 6px);
+        right: -(6px + 6px);
+        bottom: -(6px + 6px);
+        left: -(6px + 6px);
+        opacity: 0;
+        @include prefixed(animation-duration, 1s);
+    }
 
-	&:hover:before,
-	&:focus:before,
-	&:active:before {
-		@include prefixed(animation-name, #{$nameSpace}-ripple-in);
-	}
+    &:hover:before,
+    &:focus:before,
+    &:active:before {
+        @include prefixed(animation-name, #{$nameSpace}-ripple-in);
+    }
 }
diff --git a/scss/effects/border-transitions/_ripple-out.scss b/scss/effects/border-transitions/_ripple-out.scss
index 4d9fabc..4c73fb5 100644
--- a/scss/effects/border-transitions/_ripple-out.scss
+++ b/scss/effects/border-transitions/_ripple-out.scss
@@ -1,35 +1,36 @@
 /* Ripple Out */
-@include keyframes(#{$nameSpace}-ripple-out) {
-	100% {
-		top: -(6px + 6px);
-		right: -(6px + 6px);
-		bottom: -(6px + 6px);
-		left: -(6px + 6px);
-		opacity: 0;
-	}
-}
 
 @mixin ripple-out {
-	$outerBorderWidth: 6px;
-	$innerBorderWidth: 6px;
+    @include keyframes(#{$nameSpace}-ripple-out) {
+        100% {
+            top: -(6px + 6px);
+            right: -(6px + 6px);
+            bottom: -(6px + 6px);
+            left: -(6px + 6px);
+            opacity: 0;
+        }
+    }
+
+    $outerBorderWidth: 6px;
+    $innerBorderWidth: 6px;
 
-	@include hacks();
-	position: relative;
+    @include hacks();
+    position: relative;
 
-	&:before {
-		content: '';
-		position: absolute;
-		border: $primaryColor solid $outerBorderWidth;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-		@include prefixed(animation-duration, 1s);
-	}
+    &:before {
+        content: '';
+        position: absolute;
+        border: $primaryColor solid $outerBorderWidth;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        @include prefixed(animation-duration, 1s);
+    }
 
-	&:hover:before,
-	&:focus:before,
-	&:active:before {
-		@include prefixed(animation-name, #{$nameSpace}-ripple-out);
-	}
+    &:hover:before,
+    &:focus:before,
+    &:active:before {
+        @include prefixed(animation-name, #{$nameSpace}-ripple-out);
+    }
 }
diff --git a/scss/effects/icons/_icon-bob.scss b/scss/effects/icons/_icon-bob.scss
index f6f64fe..450d1da 100644
--- a/scss/effects/icons/_icon-bob.scss
+++ b/scss/effects/icons/_icon-bob.scss
@@ -1,49 +1,53 @@
 /* Icon Bob */
-@include keyframes(#{$nameSpace}-icon-bob) {
-	0% {
-		@include prefixed(transform, translateY(-6px));
-	}
-	50% {
-		@include prefixed(transform, translateY(-2px));
-	}
-	100% {
-		@include prefixed(transform, translateY(-6px));
-	}
-}
 
-@include keyframes(#{$nameSpace}-icon-bob-float) {
-	100% {
-		@include prefixed(transform, translateY(-6px));
-	}
-}
 
 @mixin icon-bob {
-	@include hacks();
-	position: relative;
-	padding-right: 2.2em;
-	@include prefixed(transition-duration, $mediumDuration);
-
-	&:before {
-		content: "\f077";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-	}
-
-	&:hover,
-	&:focus,
-	&:active {
-
-		&:before {
-			@include prefixed(animation-name, "#{$nameSpace}-icon-bob-float, #{$nameSpace}-icon-bob");
-			@include prefixed(animation-duration, ".3s, 1.5s");
-			@include prefixed(animation-delay, "0s, .3s");
-			@include prefixed(animation-timing-function, "ease-out, ease-in-out");
-			@include prefixed(animation-iteration-count, "1, infinite");
-			@include prefixed(animation-fill-mode, "forwards");
-			@include prefixed(animation-direction, "normal, alternate");
-		}
-	}
+    @include keyframes(#{$nameSpace}-icon-bob) {
+        0% {
+            @include prefixed(transform, translateY(-6px));
+        }
+
+        50% {
+            @include prefixed(transform, translateY(-2px));
+        }
+
+        100% {
+            @include prefixed(transform, translateY(-6px));
+        }
+    }
+
+    @include keyframes(#{$nameSpace}-icon-bob-float) {
+        100% {
+            @include prefixed(transform, translateY(-6px));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: 2.2em;
+    @include prefixed(transition-duration, $mediumDuration);
+
+    &:before {
+        content: "\f077";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+    }
+
+    &:hover,
+    &:focus,
+    &:active {
+
+        &:before {
+            @include prefixed(animation-name, "#{$nameSpace}-icon-bob-float, #{$nameSpace}-icon-bob");
+            @include prefixed(animation-duration, ".3s, 1.5s");
+            @include prefixed(animation-delay, "0s, .3s");
+            @include prefixed(animation-timing-function, "ease-out, ease-in-out");
+            @include prefixed(animation-iteration-count, "1, infinite");
+            @include prefixed(animation-fill-mode, "forwards");
+            @include prefixed(animation-direction, "normal, alternate");
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-bounce-out.scss b/scss/effects/icons/_icon-bounce-out.scss
index 9be92cf..ce8735c 100644
--- a/scss/effects/icons/_icon-bounce-out.scss
+++ b/scss/effects/icons/_icon-bounce-out.scss
@@ -1,35 +1,37 @@
 /* Icon Bounce Out */
-@include keyframes(#{$nameSpace}-icon-bounce-out) {
-	50% {
-		@include prefixed(transform, scale(1.5));
-	}
-}
+
 
 @mixin icon-bounce-out {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
-	@include prefixed(transition-duration, $mediumDuration);
+    @include keyframes(#{$nameSpace}-icon-bounce-out) {
+        50% {
+            @include prefixed(transform, scale(1.5));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
+    @include prefixed(transition-duration, $mediumDuration);
 
-	&:before {
-		content: "\f088";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-duration, $mediumDuration);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f088";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(transform, scale(.9));
-			@include prefixed(transition-timing-function, cubic-bezier(.47,2.02,.31,-0.36));
-		}
-	}
+        &:before {
+            @include prefixed(transform, scale(.9));
+            @include prefixed(transition-timing-function, cubic-bezier(.47,2.02,.31,-0.36));
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-bounce.scss b/scss/effects/icons/_icon-bounce.scss
index 63e51fa..4a5a9ad 100644
--- a/scss/effects/icons/_icon-bounce.scss
+++ b/scss/effects/icons/_icon-bounce.scss
@@ -1,30 +1,30 @@
 /* Icon Bounce */
 
 @mixin icon-bounce {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
-	@include prefixed(transition-duration, $mediumDuration);
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
+    @include prefixed(transition-duration, $mediumDuration);
 
-	&:before {
-		content: "\f087";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-duration, $mediumDuration);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f087";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(transform, scale(1.5));
-			@include prefixed(transition-timing-function, cubic-bezier(.47,2.02,.31,-0.36));
-		}
-	}
+        &:before {
+            @include prefixed(transform, scale(1.5));
+            @include prefixed(transition-timing-function, cubic-bezier(.47,2.02,.31,-0.36));
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-buzz-out.scss b/scss/effects/icons/_icon-buzz-out.scss
index 6437ecc..fefbd6c 100644
--- a/scss/effects/icons/_icon-buzz-out.scss
+++ b/scss/effects/icons/_icon-buzz-out.scss
@@ -1,70 +1,72 @@
 /* Icon Buzz Out */
-@include keyframes(#{$nameSpace}-icon-buzz-out) {
-	10% {
-		@include prefixed(transform, translateX(3px) rotate(2deg));
-	}
 
-	20% {
-		@include prefixed(transform, translateX(-3px) rotate(-2deg));
-	}
 
-	30% {
-		@include prefixed(transform, translateX(3px) rotate(2deg));
-	}
+@mixin icon-buzz-out {
+    @include keyframes(#{$nameSpace}-icon-buzz-out) {
+        10% {
+            @include prefixed(transform, translateX(3px) rotate(2deg));
+        }
 
-	40% {
-		@include prefixed(transform, translateX(-3px) rotate(-2deg));
-	}
+        20% {
+            @include prefixed(transform, translateX(-3px) rotate(-2deg));
+        }
 
-	50% {
-		@include prefixed(transform, translateX(2px) rotate(1deg));
-	}
+        30% {
+            @include prefixed(transform, translateX(3px) rotate(2deg));
+        }
 
-	60% {
-		@include prefixed(transform, translateX(-2px) rotate(-1deg));
-	}
+        40% {
+            @include prefixed(transform, translateX(-3px) rotate(-2deg));
+        }
 
-	70% {
-		@include prefixed(transform, translateX(2px) rotate(1deg));
-	}
+        50% {
+            @include prefixed(transform, translateX(2px) rotate(1deg));
+        }
 
-	80% {
-		@include prefixed(transform, translateX(-2px) rotate(-1deg));
-	}
+        60% {
+            @include prefixed(transform, translateX(-2px) rotate(-1deg));
+        }
 
-	90% {
-		@include prefixed(transform, translateX(1px) rotate(0));
-	}
+        70% {
+            @include prefixed(transform, translateX(2px) rotate(1deg));
+        }
 
-	100% {
-		@include prefixed(transform, translateX(-1px) rotate(0));
-	}
-}
+        80% {
+            @include prefixed(transform, translateX(-2px) rotate(-1deg));
+        }
 
-@mixin icon-buzz-out {
-	@include hacks();
-	position: relative;
-	padding-right: 2.2em;
-	@include prefixed(transition-duration, $mediumDuration);
+        90% {
+            @include prefixed(transform, translateX(1px) rotate(0));
+        }
+
+        100% {
+            @include prefixed(transform, translateX(-1px) rotate(0));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: 2.2em;
+    @include prefixed(transition-duration, $mediumDuration);
 
-	&:before {
-		content: "\f023";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-	}
+    &:before {
+        content: "\f023";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(animation-name, #{$nameSpace}-icon-buzz-out);
-			@include prefixed(animation-duration, .75s);
-			@include prefixed(animation-timing-function, linear);
-			@include prefixed(animation-iteration-count, 1);
-		}
-	}
+        &:before {
+            @include prefixed(animation-name, #{$nameSpace}-icon-buzz-out);
+            @include prefixed(animation-duration, .75s);
+            @include prefixed(animation-timing-function, linear);
+            @include prefixed(animation-iteration-count, 1);
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-buzz.scss b/scss/effects/icons/_icon-buzz.scss
index d434fb0..079a884 100644
--- a/scss/effects/icons/_icon-buzz.scss
+++ b/scss/effects/icons/_icon-buzz.scss
@@ -1,38 +1,40 @@
 /* Icon Buzz */
-@include keyframes(#{$nameSpace}-icon-buzz) {
-	50% {
-		@include prefixed(transform, translateX(3px) rotate(2deg));
-	}
 
-	100% {
-		@include prefixed(transform, translateX(-3px) rotate(-2deg));
-	}
-}
 
 @mixin icon-buzz {
-	@include hacks();
-	position: relative;
-	padding-right: 2.2em;
-	@include prefixed(transition-duration, $mediumDuration);
+    @include keyframes(#{$nameSpace}-icon-buzz) {
+        50% {
+            @include prefixed(transform, translateX(3px) rotate(2deg));
+        }
+
+        100% {
+            @include prefixed(transform, translateX(-3px) rotate(-2deg));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: 2.2em;
+    @include prefixed(transition-duration, $mediumDuration);
 
-	&:before {
-		content: "\f017";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-	}
+    &:before {
+        content: "\f017";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(animation-name, #{$nameSpace}-icon-buzz);
-			@include prefixed(animation-duration, .15s);
-			@include prefixed(animation-timing-function, linear);
-			@include prefixed(animation-iteration-count, infinite);
-		}
-	}
+        &:before {
+            @include prefixed(animation-name, #{$nameSpace}-icon-buzz);
+            @include prefixed(animation-duration, .15s);
+            @include prefixed(animation-timing-function, linear);
+            @include prefixed(animation-iteration-count, infinite);
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-down.scss b/scss/effects/icons/_icon-down.scss
index 9fbb8c4..08afcdc 100644
--- a/scss/effects/icons/_icon-down.scss
+++ b/scss/effects/icons/_icon-down.scss
@@ -1,39 +1,42 @@
 /* Icon Down */
-@include keyframes(#{$nameSpace}-icon-down) {
-	0%,
-	50%,
-	100% {
-		@include prefixed(transform, translateY(0));
-	}
-	25%,
-	75% {
-		@include prefixed(transform, translateY(6px));
-	}
-}
+
 
 /* Icon Down */
 @mixin icon-down {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
+    @include keyframes(#{$nameSpace}-icon-down) {
+        0%,
+        50%,
+        100% {
+            @include prefixed(transform, translateY(0));
+        }
+
+        25%,
+        75% {
+            @include prefixed(transform, translateY(6px));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
 
-	&:before {
-		content: "\f01a";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-	}
+    &:before {
+        content: "\f01a";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(animation-name, #{$nameSpace}-icon-down);
-			@include prefixed(animation-duration, .75s);
-			@include prefixed(animation-timing-function, ease-out);
-		}
-	}
+        &:before {
+            @include prefixed(animation-name, #{$nameSpace}-icon-down);
+            @include prefixed(animation-duration, .75s);
+            @include prefixed(animation-timing-function, ease-out);
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-drop.scss b/scss/effects/icons/_icon-drop.scss
index 4b5e6a8..8d798c1 100644
--- a/scss/effects/icons/_icon-drop.scss
+++ b/scss/effects/icons/_icon-drop.scss
@@ -1,50 +1,51 @@
 /* Icon Drop */
-@include keyframes(#{$nameSpace}-icon-drop) {
-	0% {
-		opacity: 0;
 
-	}
-
-	50% {
-		opacity: 0;
-		@include prefixed(transform, translateY(-100%));
-	}
-
-	51%,
-	100% {
-		opacity: 1;
-	}
-}
 
 /* Icon Drop */
 @mixin icon-drop {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
-
-	&:before {
-		content: "\f041";
-		position: absolute;
-		right: 1em;
-		opacity: 1;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-	}
-
-	&:hover,
-	&:focus,
-	&:active {
-
-		&:before {
-			opacity: 0;
-			@include prefixed(transition-duration, #{$mediumDuration});
-			@include prefixed(animation-name, #{$nameSpace}-icon-drop);
-			@include prefixed(animation-duration, #{$slowDuration});
-			@include prefixed(animation-delay, #{$mediumDuration});
-			@include prefixed(animation-fill-mode, forwards);
-			@include prefixed(animation-timing-function, ease-in-out);
-			@include prefixed(animation-timing-function, cubic-bezier(.52,1.64,.37,.66));
-		}
-	}
+    @include keyframes(#{$nameSpace}-icon-drop) {
+        0% {
+            opacity: 0;
+        }
+
+        50% {
+            opacity: 0;
+            @include prefixed(transform, translateY(-100%));
+        }
+
+        51%,
+        100% {
+            opacity: 1;
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
+
+    &:before {
+        content: "\f041";
+        position: absolute;
+        right: 1em;
+        opacity: 1;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+    }
+
+    &:hover,
+    &:focus,
+    &:active {
+
+        &:before {
+            opacity: 0;
+            @include prefixed(transition-duration, #{$mediumDuration});
+            @include prefixed(animation-name, #{$nameSpace}-icon-drop);
+            @include prefixed(animation-duration, #{$slowDuration});
+            @include prefixed(animation-delay, #{$mediumDuration});
+            @include prefixed(animation-fill-mode, forwards);
+            @include prefixed(animation-timing-function, ease-in-out);
+            @include prefixed(animation-timing-function, cubic-bezier(.52,1.64,.37,.66));
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-fade.scss b/scss/effects/icons/_icon-fade.scss
index 7037dcc..fbd39c2 100644
--- a/scss/effects/icons/_icon-fade.scss
+++ b/scss/effects/icons/_icon-fade.scss
@@ -1,26 +1,26 @@
 /* Icon Fade */
 @mixin icon-fade {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
 
-	&:before {
-		content: "\f00c";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-duration, .5s);
-		@include prefixed(transition-property, color);
-	}
+    &:before {
+        content: "\f00c";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-duration, .5s);
+        @include prefixed(transition-property, color);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			color: #0F9E5E;
-		}
-	}
+        &:before {
+            color: #0F9E5E;
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-float-away.scss b/scss/effects/icons/_icon-float-away.scss
index 5bbc0cd..661c865 100644
--- a/scss/effects/icons/_icon-float-away.scss
+++ b/scss/effects/icons/_icon-float-away.scss
@@ -1,43 +1,45 @@
 /* Icon Float Away */
-@include keyframes(#{$nameSpace}-icon-float-away) {
-	0% {
-		opacity: 1;
-	}
-
-	100% {
-		opacity: 0;
-		@include prefixed(transform, translateY(-1em));
-	}
-}
+
 
 /* Icon Float Away */
 @mixin icon-float-away {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
-
-	&:before,
-	&:after {
-		content: "\f055";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-	}
-
-	&:after {
-		opacity: 0;
-		@include prefixed(animation-duration, #{$slowDuration});
-		@include prefixed(animation-fill-mode, forwards);
-	}
-
-	&:hover,
-	&:focus,
-	&:active {
-
-		&:after {
-			@include prefixed(animation-name, #{$nameSpace}-icon-float-away);
-			@include prefixed(animation-timing-function, ease-out);
-		}
-	}
+    @include keyframes(#{$nameSpace}-icon-float-away) {
+        0% {
+            opacity: 1;
+        }
+
+        100% {
+            opacity: 0;
+            @include prefixed(transform, translateY(-1em));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
+
+    &:before,
+    &:after {
+        content: "\f055";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+    }
+
+    &:after {
+        opacity: 0;
+        @include prefixed(animation-duration, #{$slowDuration});
+        @include prefixed(animation-fill-mode, forwards);
+    }
+
+    &:hover,
+    &:focus,
+    &:active {
+
+        &:after {
+            @include prefixed(animation-name, #{$nameSpace}-icon-float-away);
+            @include prefixed(animation-timing-function, ease-out);
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-float.scss b/scss/effects/icons/_icon-float.scss
index 41e53dd..ae262b0 100644
--- a/scss/effects/icons/_icon-float.scss
+++ b/scss/effects/icons/_icon-float.scss
@@ -1,28 +1,28 @@
 /* Icon Float */
 @mixin icon-float {
-	@include hacks();
-	position: relative;
-	padding-right: 2.2em;
-	@include prefixed(transition-duration, $mediumDuration);
+    @include hacks();
+    position: relative;
+    padding-right: 2.2em;
+    @include prefixed(transition-duration, $mediumDuration);
 
-	&:before {
-		content: "\f01b";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-duration, $mediumDuration);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f01b";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(transform, translateY(-4px));
-		}
-	}
+        &:before {
+            @include prefixed(transform, translateY(-4px));
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-forward.scss b/scss/effects/icons/_icon-forward.scss
index 5248d43..71e2c90 100644
--- a/scss/effects/icons/_icon-forward.scss
+++ b/scss/effects/icons/_icon-forward.scss
@@ -1,28 +1,28 @@
 /* Icon Forward */
 @mixin icon-forward {
-	@include hacks();
-	position: relative;
-	padding-right: 2.2em;
-	@include prefixed(transition-duration, $fastDuration);
+    @include hacks();
+    position: relative;
+    padding-right: 2.2em;
+    @include prefixed(transition-duration, $fastDuration);
 
-	&:before {
-		content: "\f138";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-duration, $fastDuration);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f138";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-duration, $fastDuration);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(transform, translateX(4px));
-		}
-	}
+        &:before {
+            @include prefixed(transform, translateX(4px));
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-grow-rotate.scss b/scss/effects/icons/_icon-grow-rotate.scss
index 86086c9..6cd5f0b 100644
--- a/scss/effects/icons/_icon-grow-rotate.scss
+++ b/scss/effects/icons/_icon-grow-rotate.scss
@@ -1,30 +1,30 @@
 /* Icon Grow Rotate */
 @mixin icon-grow-rotate {
-	$duration: $mediumDuration;
+    $duration: $mediumDuration;
 
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
-	@include prefixed(transition-duration, $duration);
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
+    @include prefixed(transition-duration, $duration);
 
-	&:before {
-		content: "\f095";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-duration, $duration);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f095";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-duration, $duration);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(transform, scale(1.5) rotate(12deg));
-		}
-	}
+        &:before {
+            @include prefixed(transform, scale(1.5) rotate(12deg));
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-grow.scss b/scss/effects/icons/_icon-grow.scss
index 0a053a5..8ac11a2 100644
--- a/scss/effects/icons/_icon-grow.scss
+++ b/scss/effects/icons/_icon-grow.scss
@@ -1,28 +1,28 @@
 /* Icon Grow */
 @mixin icon-grow {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
-	@include prefixed(transition-duration, $mediumDuration);
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
+    @include prefixed(transition-duration, $mediumDuration);
 
-	&:before {
-		content: "\f118";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-duration, $mediumDuration);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f118";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(transform, scale(1.3) translateZ(0));
-		}
-	}
+        &:before {
+            @include prefixed(transform, scale(1.3) translateZ(0));
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-hang.scss b/scss/effects/icons/_icon-hang.scss
index f72680b..a5b2110 100644
--- a/scss/effects/icons/_icon-hang.scss
+++ b/scss/effects/icons/_icon-hang.scss
@@ -1,49 +1,53 @@
 /* Icon Hang */
-@include keyframes(#{$nameSpace}-icon-hang) {
-	0% {
-		@include prefixed(transform, translateY(6px));
-	}
-	50% {
-		@include prefixed(transform, translateY(2px));
-	}
-	100% {
-		@include prefixed(transform, translateY(6px));
-	}
-}
 
-@include keyframes(#{$nameSpace}-icon-hang-sink) {
-	100% {
-		@include prefixed(transform, translateY(6px));
-	}
-}
 
 @mixin icon-hang {
-	@include hacks();
-	position: relative;
-	padding-right: 2.2em;
-	@include prefixed(transition-duration, $mediumDuration);
-
-	&:before {
-		content: "\f078";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-	}
-
-	&:hover,
-	&:focus,
-	&:active {
-
-		&:before {
-			@include prefixed(animation-name, "#{$nameSpace}-icon-hang-sink, #{$nameSpace}-icon-hang");
-			@include prefixed(animation-duration, ".3s, 1.5s");
-			@include prefixed(animation-delay, "0s, .3s");
-			@include prefixed(animation-timing-function, "ease-out, ease-in-out");
-			@include prefixed(animation-iteration-count, "1, infinite");
-			@include prefixed(animation-fill-mode, "forwards");
-			@include prefixed(animation-direction, "normal, alternate");
-		}
-	}
+    @include keyframes(#{$nameSpace}-icon-hang) {
+        0% {
+            @include prefixed(transform, translateY(6px));
+        }
+
+        50% {
+            @include prefixed(transform, translateY(2px));
+        }
+
+        100% {
+            @include prefixed(transform, translateY(6px));
+        }
+    }
+
+    @include keyframes(#{$nameSpace}-icon-hang-sink) {
+        100% {
+            @include prefixed(transform, translateY(6px));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: 2.2em;
+    @include prefixed(transition-duration, $mediumDuration);
+
+    &:before {
+        content: "\f078";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+    }
+
+    &:hover,
+    &:focus,
+    &:active {
+
+        &:before {
+            @include prefixed(animation-name, "#{$nameSpace}-icon-hang-sink, #{$nameSpace}-icon-hang");
+            @include prefixed(animation-duration, ".3s, 1.5s");
+            @include prefixed(animation-delay, "0s, .3s");
+            @include prefixed(animation-timing-function, "ease-out, ease-in-out");
+            @include prefixed(animation-iteration-count, "1, infinite");
+            @include prefixed(animation-fill-mode, "forwards");
+            @include prefixed(animation-direction, "normal, alternate");
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-pop.scss b/scss/effects/icons/_icon-pop.scss
index 7864e44..12d53c2 100644
--- a/scss/effects/icons/_icon-pop.scss
+++ b/scss/effects/icons/_icon-pop.scss
@@ -1,37 +1,39 @@
 /* Icon Pop */
-@include keyframes(#{$nameSpace}-icon-pop) {
-	50% {
-		@include prefixed(transform, scale(1.5));
-	}
-}
+
 
 @mixin icon-pop {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
-	@include prefixed(transition-duration, $mediumDuration);
+    @include keyframes(#{$nameSpace}-icon-pop) {
+        50% {
+            @include prefixed(transform, scale(1.5));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
+    @include prefixed(transition-duration, $mediumDuration);
 
-	&:before {
-		content: "\f005";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-duration, $mediumDuration);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f005";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(animation-name, #{$nameSpace}-icon-pop);
-			@include prefixed(animation-duration, $mediumDuration);
-			@include prefixed(animation-timing-function, linear);
-			@include prefixed(animation-iteration-count, 1);
-		}
-	}
+        &:before {
+            @include prefixed(animation-name, #{$nameSpace}-icon-pop);
+            @include prefixed(animation-duration, $mediumDuration);
+            @include prefixed(animation-timing-function, linear);
+            @include prefixed(animation-iteration-count, 1);
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-pulse-grow.scss b/scss/effects/icons/_icon-pulse-grow.scss
index fb76440..518f822 100644
--- a/scss/effects/icons/_icon-pulse-grow.scss
+++ b/scss/effects/icons/_icon-pulse-grow.scss
@@ -1,35 +1,37 @@
 /* Icon Pulse Grow */
-@include keyframes(#{$nameSpace}-icon-pulse-grow) {
-	to {
-		@include prefixed(transform, scale(1.3));
-	}
-}
+
 
 @mixin icon-pulse-grow {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
+    @include keyframes(#{$nameSpace}-icon-pulse-grow) {
+        to {
+            @include prefixed(transform, scale(1.3));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
 
-	&:before {
-		content: "\f015";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f015";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(animation-name, #{$nameSpace}-icon-pulse-grow);
-			@include prefixed(animation-duration, $mediumDuration);
-			@include prefixed(animation-timing-function, linear);
-			@include prefixed(animation-iteration-count, infinite);
-			@include prefixed(animation-direction, alternate);
-		}
-	}
+        &:before {
+            @include prefixed(animation-name, #{$nameSpace}-icon-pulse-grow);
+            @include prefixed(animation-duration, $mediumDuration);
+            @include prefixed(animation-timing-function, linear);
+            @include prefixed(animation-iteration-count, infinite);
+            @include prefixed(animation-direction, alternate);
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-pulse-shrink.scss b/scss/effects/icons/_icon-pulse-shrink.scss
index 7d8f90b..c80ba05 100644
--- a/scss/effects/icons/_icon-pulse-shrink.scss
+++ b/scss/effects/icons/_icon-pulse-shrink.scss
@@ -1,35 +1,37 @@
 /* Icon Pulse Shrink */
-@include keyframes(#{$nameSpace}-icon-pulse-shrink) {
-	to {
-		@include prefixed(transform, scale(.8));
-	}
-}
+
 
 @mixin icon-pulse-shrink {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
+    @include keyframes(#{$nameSpace}-icon-pulse-shrink) {
+        to {
+            @include prefixed(transform, scale(.8));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
 
-	&:before {
-		content: "\f015";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f015";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(animation-name, #{$nameSpace}-icon-pulse-shrink);
-			@include prefixed(animation-duration, $mediumDuration);
-			@include prefixed(animation-timing-function, linear);
-			@include prefixed(animation-iteration-count, infinite);
-			@include prefixed(animation-direction, alternate);
-		}
-	}
+        &:before {
+            @include prefixed(animation-name, #{$nameSpace}-icon-pulse-shrink);
+            @include prefixed(animation-duration, $mediumDuration);
+            @include prefixed(animation-timing-function, linear);
+            @include prefixed(animation-iteration-count, infinite);
+            @include prefixed(animation-direction, alternate);
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-pulse.scss b/scss/effects/icons/_icon-pulse.scss
index 7f20ee6..ea1d321 100644
--- a/scss/effects/icons/_icon-pulse.scss
+++ b/scss/effects/icons/_icon-pulse.scss
@@ -1,38 +1,40 @@
 /* Icon Pulse */
-@include keyframes(#{$nameSpace}-icon-pulse) {
-	25% {
-		@include prefixed(transform, scale(1.3));
-	}
 
-	75% {
-		@include prefixed(transform, scale(.8));
-	}
-}
 
 @mixin icon-pulse {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
+    @include keyframes(#{$nameSpace}-icon-pulse) {
+        25% {
+            @include prefixed(transform, scale(1.3));
+        }
+
+        75% {
+            @include prefixed(transform, scale(.8));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
 
-	&:before {
-		content: "\f015";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f015";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(animation-name, #{$nameSpace}-icon-pulse);
-			@include prefixed(animation-duration, 1s);
-			@include prefixed(animation-timing-function, linear);
-			@include prefixed(animation-iteration-count, infinite);
-		}
-	}
+        &:before {
+            @include prefixed(animation-name, #{$nameSpace}-icon-pulse);
+            @include prefixed(animation-duration, 1s);
+            @include prefixed(animation-timing-function, linear);
+            @include prefixed(animation-iteration-count, infinite);
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-push.scss b/scss/effects/icons/_icon-push.scss
index ce1f6af..c8fc462 100644
--- a/scss/effects/icons/_icon-push.scss
+++ b/scss/effects/icons/_icon-push.scss
@@ -1,37 +1,39 @@
 /* Icon Push */
-@include keyframes(#{$nameSpace}-icon-push) {
-	50% {
-		@include prefixed(transform, scale(.5));
-	}
-}
+
 
 @mixin icon-push {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
-	@include prefixed(transition-duration, $mediumDuration);
+    @include keyframes(#{$nameSpace}-icon-push) {
+        50% {
+            @include prefixed(transform, scale(.5));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
+    @include prefixed(transition-duration, $mediumDuration);
 
-	&:before {
-		content: "\f006";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-duration, $mediumDuration);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f006";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(animation-name, #{$nameSpace}-icon-push);
-			@include prefixed(animation-duration, $mediumDuration);
-			@include prefixed(animation-timing-function, linear);
-			@include prefixed(animation-iteration-count, 1);
-		}
-	}
+        &:before {
+            @include prefixed(animation-name, #{$nameSpace}-icon-push);
+            @include prefixed(animation-duration, $mediumDuration);
+            @include prefixed(animation-timing-function, linear);
+            @include prefixed(animation-iteration-count, 1);
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-rotate.scss b/scss/effects/icons/_icon-rotate.scss
index bdea1eb..c6d29f3 100644
--- a/scss/effects/icons/_icon-rotate.scss
+++ b/scss/effects/icons/_icon-rotate.scss
@@ -1,30 +1,30 @@
 /* Icon Rotate */
 @mixin icon-rotate {
-	$duration: $mediumDuration;
+    $duration: $mediumDuration;
 
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
-	@include prefixed(transition-duration, $duration);
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
+    @include prefixed(transition-duration, $duration);
 
-	&:before {
-		content: "\f0c6";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-duration, $duration);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f0c6";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-duration, $duration);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(transform, rotate(20deg));
-		}
-	}
+        &:before {
+            @include prefixed(transform, rotate(20deg));
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-shrink.scss b/scss/effects/icons/_icon-shrink.scss
index d611456..9b83e66 100644
--- a/scss/effects/icons/_icon-shrink.scss
+++ b/scss/effects/icons/_icon-shrink.scss
@@ -1,28 +1,28 @@
 /* Icon Shrink */
 @mixin icon-shrink {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
-	@include prefixed(transition-duration, $mediumDuration);
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
+    @include prefixed(transition-duration, $mediumDuration);
 
-	&:before {
-		content: "\f119";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-duration, $mediumDuration);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f119";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(transform, scale(.8));
-		}
-	}
+        &:before {
+            @include prefixed(transform, scale(.8));
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-sink-away.scss b/scss/effects/icons/_icon-sink-away.scss
index a1378df..05946e5 100644
--- a/scss/effects/icons/_icon-sink-away.scss
+++ b/scss/effects/icons/_icon-sink-away.scss
@@ -1,44 +1,46 @@
 /* Icon Sink Away */
-@include keyframes(#{$nameSpace}-icon-sink-away) {
-	0% {
-		opacity: 1;
-	}
-
-	100% {
-		opacity: 0;
-		@include prefixed(transform, translateY(1em));
-	}
-}
+
 
 /* Icon Sink Away */
 @mixin icon-sink-away {
-	@include hacks();
-	position: relative;
-	padding-right: #{$spaceBetweenTextAndArrows};
-
-	&:before,
-	&:after {
-		content: "\f056";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-	}
-
-	&:after {
-		opacity: 0;
-		@include prefixed(animation-duration, #{$slowDuration});
-		@include prefixed(animation-fill-mode, forwards);
-	}
-
-	&:hover,
-	&:focus,
-	&:active {
-
-		&:after {
-			@include prefixed(animation-name, #{$nameSpace}-icon-sink-away);
-			@include prefixed(animation-timing-function, ease-out);
-		}
-	}
+    @include keyframes(#{$nameSpace}-icon-sink-away) {
+        0% {
+            opacity: 1;
+        }
+
+        100% {
+            opacity: 0;
+            @include prefixed(transform, translateY(1em));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: #{$spaceBetweenTextAndArrows};
+
+    &:before,
+    &:after {
+        content: "\f056";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+    }
+
+    &:after {
+        opacity: 0;
+        @include prefixed(animation-duration, #{$slowDuration});
+        @include prefixed(animation-fill-mode, forwards);
+    }
+
+    &:hover,
+    &:focus,
+    &:active {
+
+        &:after {
+            @include prefixed(animation-name, #{$nameSpace}-icon-sink-away);
+            @include prefixed(animation-timing-function, ease-out);
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-sink.scss b/scss/effects/icons/_icon-sink.scss
index 5087f72..1b1dcdf 100644
--- a/scss/effects/icons/_icon-sink.scss
+++ b/scss/effects/icons/_icon-sink.scss
@@ -1,28 +1,28 @@
 /* Icon Sink */
 @mixin icon-sink {
-	@include hacks();
-	position: relative;
-	padding-right: 2.2em;
-	@include prefixed(transition-duration, $mediumDuration);
+    @include hacks();
+    position: relative;
+    padding-right: 2.2em;
+    @include prefixed(transition-duration, $mediumDuration);
 
-	&:before {
-		content: "\f01a";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-		@include prefixed(transition-duration, $mediumDuration);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-timing-function, ease-out);
-	}
+    &:before {
+        content: "\f01a";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-timing-function, ease-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(transform, translateY(4px));
-		}
-	}
+        &:before {
+            @include prefixed(transform, translateY(4px));
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-spin.scss b/scss/effects/icons/_icon-spin.scss
index 2b5d9d5..6fe86d4 100644
--- a/scss/effects/icons/_icon-spin.scss
+++ b/scss/effects/icons/_icon-spin.scss
@@ -1,26 +1,26 @@
 /* Icon Spin */
 @mixin icon-spin {
-	@include hacks();
-	position: relative;
-	padding-right: 2.2em;
+    @include hacks();
+    position: relative;
+    padding-right: 2.2em;
 
-	&:before {
-		content: "\f021";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transition-duration, 1s);
-		@include prefixed(transition-property, transform);
-		@include prefixed(transition-timing-function, ease-in-out);
-	}
+    &:before {
+        content: "\f021";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transition-duration, 1s);
+        @include prefixed(transition-property, transform);
+        @include prefixed(transition-timing-function, ease-in-out);
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(transform, rotate(360deg));
-		}
-	}
+        &:before {
+            @include prefixed(transform, rotate(360deg));
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-up.scss b/scss/effects/icons/_icon-up.scss
index 4220889..f599dd2 100644
--- a/scss/effects/icons/_icon-up.scss
+++ b/scss/effects/icons/_icon-up.scss
@@ -1,39 +1,42 @@
 /* Icon Up */
-@include keyframes(#{$nameSpace}-icon-up) {
-	0%,
-	50%,
-	100% {
-		@include prefixed(transform, translateY(0));
-	}
-	25%,
-	75% {
-		@include prefixed(transform, translateY(-6px));
-	}
-}
+
 
 /* Icon Up */
 @mixin icon-up {
-	@include hacks();
-	position: relative;
-	padding-right: 2.2em;
+    @include keyframes(#{$nameSpace}-icon-up) {
+        0%,
+        50%,
+        100% {
+            @include prefixed(transform, translateY(0));
+        }
+
+        25%,
+        75% {
+            @include prefixed(transform, translateY(-6px));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: 2.2em;
 
-	&:before {
-		content: "\f01b";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-	}
+    &:before {
+        content: "\f01b";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
+    &:hover,
+    &:focus,
+    &:active {
 
-		&:before {
-			@include prefixed(animation-name, #{$nameSpace}-icon-up);
-			@include prefixed(animation-duration, .75s);
-			@include prefixed(animation-timing-function, ease-out);
-		}
-	}
+        &:before {
+            @include prefixed(animation-name, #{$nameSpace}-icon-up);
+            @include prefixed(animation-duration, .75s);
+            @include prefixed(animation-timing-function, ease-out);
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-wobble-horizontal.scss b/scss/effects/icons/_icon-wobble-horizontal.scss
index 94f850e..961cca8 100644
--- a/scss/effects/icons/_icon-wobble-horizontal.scss
+++ b/scss/effects/icons/_icon-wobble-horizontal.scss
@@ -1,54 +1,56 @@
 /* Icon Wobble Horizontal */
-@include keyframes(#{$nameSpace}-icon-wobble-horizontal) {
-	16.65% {
-		@include prefixed(transform, translateX(6px));
-	}
-
-	33.3% {
-		@include prefixed(transform, translateX(-5px));
-	}
-
-	49.95% {
-		@include prefixed(transform, translateX(4px));
-	}
-
-	66.6% {
-		@include prefixed(transform, translateX(-2px));
-	}
-
-	83.25% {
-		@include prefixed(transform, translateX(1px));
-	}
-
-	100% {
-		@include prefixed(transform, translateX(0));
-	}
-}
+
 
 @mixin icon-wobble-horizontal {
-	@include hacks();
-	position: relative;
-	padding-right: 2.2em;
-	@include prefixed(transition-duration, $mediumDuration);
-
-	&:before {
-		content: "\f061";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-	}
-
-	&:hover,
-	&:focus,
-	&:active {
-
-		&:before {
-			@include prefixed(animation-name, #{$nameSpace}-icon-wobble-horizontal);
-			@include prefixed(animation-duration, 1s);
-			@include prefixed(animation-timing-function, ease-in-out);
-			@include prefixed(animation-iteration-count, 1);
-		}
-	}
+    @include keyframes(#{$nameSpace}-icon-wobble-horizontal) {
+        16.65% {
+            @include prefixed(transform, translateX(6px));
+        }
+
+        33.3% {
+            @include prefixed(transform, translateX(-5px));
+        }
+
+        49.95% {
+            @include prefixed(transform, translateX(4px));
+        }
+
+        66.6% {
+            @include prefixed(transform, translateX(-2px));
+        }
+
+        83.25% {
+            @include prefixed(transform, translateX(1px));
+        }
+
+        100% {
+            @include prefixed(transform, translateX(0));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: 2.2em;
+    @include prefixed(transition-duration, $mediumDuration);
+
+    &:before {
+        content: "\f061";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+    }
+
+    &:hover,
+    &:focus,
+    &:active {
+
+        &:before {
+            @include prefixed(animation-name, #{$nameSpace}-icon-wobble-horizontal);
+            @include prefixed(animation-duration, 1s);
+            @include prefixed(animation-timing-function, ease-in-out);
+            @include prefixed(animation-iteration-count, 1);
+        }
+    }
 }
diff --git a/scss/effects/icons/_icon-wobble-vertical.scss b/scss/effects/icons/_icon-wobble-vertical.scss
index 49d12e0..0fcbaa5 100644
--- a/scss/effects/icons/_icon-wobble-vertical.scss
+++ b/scss/effects/icons/_icon-wobble-vertical.scss
@@ -1,54 +1,56 @@
 /* Icon Wobble Vertical */
-@include keyframes(#{$nameSpace}-icon-wobble-vertical) {
-	16.65% {
-		@include prefixed(transform, translateY(6px));
-	}
-
-	33.3% {
-		@include prefixed(transform, translateY(-5px));
-	}
-
-	49.95% {
-		@include prefixed(transform, translateY(4px));
-	}
-
-	66.6% {
-		@include prefixed(transform, translateY(-2px));
-	}
-
-	83.25% {
-		@include prefixed(transform, translateY(1px));
-	}
-
-	100% {
-		@include prefixed(transform, translateY(0));
-	}
-}
+
 
 @mixin icon-wobble-vertical {
-	@include hacks();
-	position: relative;
-	padding-right: 2.2em;
-	@include prefixed(transition-duration, $mediumDuration);
-
-	&:before {
-		content: "\f062";
-		position: absolute;
-		right: 1em;
-		padding: 0 1px;
-		font-family: FontAwesome;
-		@include prefixed(transform, translateZ(0));
-	}
-
-	&:hover,
-	&:focus,
-	&:active {
-
-		&:before {
-			@include prefixed(animation-name, #{$nameSpace}-icon-wobble-vertical);
-			@include prefixed(animation-duration, 1s);
-			@include prefixed(animation-timing-function, ease-in-out);
-			@include prefixed(animation-iteration-count, 1);
-		}
-	}
+    @include keyframes(#{$nameSpace}-icon-wobble-vertical) {
+        16.65% {
+            @include prefixed(transform, translateY(6px));
+        }
+
+        33.3% {
+            @include prefixed(transform, translateY(-5px));
+        }
+
+        49.95% {
+            @include prefixed(transform, translateY(4px));
+        }
+
+        66.6% {
+            @include prefixed(transform, translateY(-2px));
+        }
+
+        83.25% {
+            @include prefixed(transform, translateY(1px));
+        }
+
+        100% {
+            @include prefixed(transform, translateY(0));
+        }
+    }
+
+    @include hacks();
+    position: relative;
+    padding-right: 2.2em;
+    @include prefixed(transition-duration, $mediumDuration);
+
+    &:before {
+        content: "\f062";
+        position: absolute;
+        right: 1em;
+        padding: 0 1px;
+        font-family: FontAwesome;
+        @include prefixed(transform, translateZ(0));
+    }
+
+    &:hover,
+    &:focus,
+    &:active {
+
+        &:before {
+            @include prefixed(animation-name, #{$nameSpace}-icon-wobble-vertical);
+            @include prefixed(animation-duration, 1s);
+            @include prefixed(animation-timing-function, ease-in-out);
+            @include prefixed(animation-iteration-count, 1);
+        }
+    }
 }
diff --git a/scss/effects/shadow-and-glow-transitions/_box-shadow-inset.scss b/scss/effects/shadow-and-glow-transitions/_box-shadow-inset.scss
index 3255244..8df15b6 100644
--- a/scss/effects/shadow-and-glow-transitions/_box-shadow-inset.scss
+++ b/scss/effects/shadow-and-glow-transitions/_box-shadow-inset.scss
@@ -1,16 +1,12 @@
 /* Box Shadow Inset */
 @mixin box-shadow-inset {
-	@include hacks();
-	@include prefixed(transition-duration, $mediumDuration);
-	@include prefixed(transition-property, box-shadow);
-
-	box-shadow: inset 0 0 0 $shadowColor,
-		0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */
-
-	&:hover,
-	&:focus,
-	&:active {
-		box-shadow: inset 2px 2px 2px $shadowColor,
-		0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */
-	}
+    @include hacks();
+    @include prefixed(transition-duration, $mediumDuration);
+    @include prefixed(transition-property, box-shadow);
+    box-shadow: inset 0 0 0 $shadowColor, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */
+    &:hover,
+    &:focus,
+    &:active {
+        box-shadow: inset 2px 2px 2px $shadowColor, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */
+    }
 }
diff --git a/scss/effects/shadow-and-glow-transitions/_box-shadow-outset.scss b/scss/effects/shadow-and-glow-transitions/_box-shadow-outset.scss
index 1ed5b90..9f4a92e 100644
--- a/scss/effects/shadow-and-glow-transitions/_box-shadow-outset.scss
+++ b/scss/effects/shadow-and-glow-transitions/_box-shadow-outset.scss
@@ -1,12 +1,12 @@
 /* Box Shadow Outset */
 @mixin box-shadow-outset {
-	@include hacks();
-	@include prefixed(transition-duration, $mediumDuration);
-	@include prefixed(transition-property, box-shadow);
+    @include hacks();
+    @include prefixed(transition-duration, $mediumDuration);
+    @include prefixed(transition-property, box-shadow);
 
-	&:hover,
-	&:focus,
-	&:active {
-		box-shadow: 2px 2px 2px $shadowColor;
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        box-shadow: 2px 2px 2px $shadowColor;
+    }
 }
diff --git a/scss/effects/shadow-and-glow-transitions/_float-shadow.scss b/scss/effects/shadow-and-glow-transitions/_float-shadow.scss
index fbde9a2..bad005a 100644
--- a/scss/effects/shadow-and-glow-transitions/_float-shadow.scss
+++ b/scss/effects/shadow-and-glow-transitions/_float-shadow.scss
@@ -1,34 +1,33 @@
 /* Float Shadow */
 @mixin float-shadow {
-	@include hacks();
-	position: relative;
-	@include prefixed(transition-duration, $mediumDuration);
-	@include prefixed(transition-property, transform);
+    @include hacks();
+    position: relative;
+    @include prefixed(transition-duration, $mediumDuration);
+    @include prefixed(transition-property, transform);
 
-	&:before {
-	  pointer-events: none;
-	  position: absolute;
-	  z-index: -1;
-	  content: '';
-	  top: 100%;
-	  left: 5%;
-	  height: 10px;
-	  width: 90%;
-	  opacity: 0;
-	  background: -webkit-radial-gradient(center, ellipse, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, 0) 80%);
-	  background: radial-gradient(ellipse at center, rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 80%); /* W3C */
-		@include prefixed(transition-duration, $mediumDuration);
-		@include prefixed(transition-property, "transform, opacity");
-	}
+    &:before {
+        pointer-events: none;
+        position: absolute;
+        z-index: -1;
+        content: '';
+        top: 100%;
+        left: 5%;
+        height: 10px;
+        width: 90%;
+        opacity: 0;
+        background: -webkit-radial-gradient(center, ellipse, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, 0) 80%);
+        background: radial-gradient(ellipse at center, rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 80%); /* W3C */
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-property, "transform, opacity");
+    }
 
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(transform, translateY(-5px)); /* move the element up by 5px */
-
-		&:before {
-			opacity: 1;
-			@include prefixed(transform, translateY(5px)); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
-		}
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        @include prefixed(transform, translateY(-5px)); /* move the element up by 5px */
+        &:before {
+            opacity: 1;
+            @include prefixed(transform, translateY(5px)); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
+        }
+    }
 }
diff --git a/scss/effects/shadow-and-glow-transitions/_glow.scss b/scss/effects/shadow-and-glow-transitions/_glow.scss
index 519de87..b264653 100644
--- a/scss/effects/shadow-and-glow-transitions/_glow.scss
+++ b/scss/effects/shadow-and-glow-transitions/_glow.scss
@@ -1,12 +1,12 @@
 /* Glow */
 @mixin glow {
-	@include hacks();
-	@include prefixed(transition-duration, $mediumDuration);
-	@include prefixed(transition-property, box-shadow);
+    @include hacks();
+    @include prefixed(transition-duration, $mediumDuration);
+    @include prefixed(transition-property, box-shadow);
 
-	&:hover,
-	&:focus,
-	&:active {
-		box-shadow: 0 0 8px $shadowColor;
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        box-shadow: 0 0 8px $shadowColor;
+    }
 }
diff --git a/scss/effects/shadow-and-glow-transitions/_grow-shadow.scss b/scss/effects/shadow-and-glow-transitions/_grow-shadow.scss
index 7b0b7d7..13b78cf 100644
--- a/scss/effects/shadow-and-glow-transitions/_grow-shadow.scss
+++ b/scss/effects/shadow-and-glow-transitions/_grow-shadow.scss
@@ -1,13 +1,13 @@
 /* Grow Shadow */
 @mixin grow-shadow {
-	@include hacks();
-	@include prefixed(transition-duration, $mediumDuration);
-	@include prefixed(transition-property, "box-shadow, transform");
+    @include hacks();
+    @include prefixed(transition-duration, $mediumDuration);
+    @include prefixed(transition-property, "box-shadow, transform");
 
-	&:hover,
-	&:focus,
-	&:active {
-		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
-		@include prefixed(transform, scale(1.1));
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+        @include prefixed(transform, scale(1.1));
+    }
 }
diff --git a/scss/effects/shadow-and-glow-transitions/_shadow-radial.scss b/scss/effects/shadow-and-glow-transitions/_shadow-radial.scss
index 8f35b54..a44d17b 100644
--- a/scss/effects/shadow-and-glow-transitions/_shadow-radial.scss
+++ b/scss/effects/shadow-and-glow-transitions/_shadow-radial.scss
@@ -1,41 +1,41 @@
 /* Shadow Radial */
 @mixin shadow-radial {
-	@include hacks();
-	position: relative;
+    @include hacks();
+    position: relative;
 
-	&:before,
-	&:after {
-	  pointer-events: none;
-      position: absolute;
-	  content: '';
-      left: 0;
-      width: 100%;
-      box-sizing: border-box;
-      background-repeat: no-repeat;
-      height: 5px;
-      opacity: 0;
-	  @include prefixed(transition-duration, $mediumDuration);
-	  @include prefixed(transition-property, opacity);
-	}
+    &:before,
+    &:after {
+        pointer-events: none;
+        position: absolute;
+        content: '';
+        left: 0;
+        width: 100%;
+        box-sizing: border-box;
+        background-repeat: no-repeat;
+        height: 5px;
+        opacity: 0;
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-property, opacity);
+    }
 
-	&:before {
-	  bottom: 100%;
-	  background: -webkit-radial-gradient(50% 150%, ellipse, $shadowColor 0%, rgba(0, 0, 0, 0) 80%);
-      background: radial-gradient(ellipse at 50% 150%, $shadowColor 0%, rgba(0, 0, 0, 0) 80%);
-	}
+    &:before {
+        bottom: 100%;
+        background: -webkit-radial-gradient(50% 150%, ellipse, $shadowColor 0%, rgba(0, 0, 0, 0) 80%);
+        background: radial-gradient(ellipse at 50% 150%, $shadowColor 0%, rgba(0, 0, 0, 0) 80%);
+    }
 
-	&:after {
-	  top: 100%;
-	  background: -webkit-radial-gradient(50% -50%, ellipse, $shadowColor 0%, rgba(0, 0, 0, 0) 80%);
-	  background: radial-gradient(ellipse at 50% -50%, $shadowColor 0%, rgba(0, 0, 0, 0) 80%);
-	}
+    &:after {
+        top: 100%;
+        background: -webkit-radial-gradient(50% -50%, ellipse, $shadowColor 0%, rgba(0, 0, 0, 0) 80%);
+        background: radial-gradient(ellipse at 50% -50%, $shadowColor 0%, rgba(0, 0, 0, 0) 80%);
+    }
 
-	&:hover:before,
-	&:focus:before,
-	&:active:before,
-	&:hover:after,
-	&:focus:after,
-	&:active:after {
-	  opacity: 1;
-	}
+    &:hover:before,
+    &:focus:before,
+    &:active:before,
+    &:hover:after,
+    &:focus:after,
+    &:active:after {
+        opacity: 1;
+    }
 }
diff --git a/scss/effects/shadow-and-glow-transitions/_shadow.scss b/scss/effects/shadow-and-glow-transitions/_shadow.scss
index d4f4d16..e4e25f2 100644
--- a/scss/effects/shadow-and-glow-transitions/_shadow.scss
+++ b/scss/effects/shadow-and-glow-transitions/_shadow.scss
@@ -1,12 +1,12 @@
 /* Shadow */
 @mixin shadow {
-	@include hacks();
-	@include prefixed(transition-duration, $mediumDuration);
-	@include prefixed(transition-property, box-shadow);
+    @include hacks();
+    @include prefixed(transition-duration, $mediumDuration);
+    @include prefixed(transition-property, box-shadow);
 
-	&:hover,
-	&:focus,
-	&:active {
-		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
-	}
+    &:hover,
+    &:focus,
+    &:active {
+        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+    }
 }
diff --git a/scss/effects/speech-bubbles/_bubble-bottom.scss b/scss/effects/speech-bubbles/_bubble-bottom.scss
index 2a83cd7..516de7e 100644
--- a/scss/effects/speech-bubbles/_bubble-bottom.scss
+++ b/scss/effects/speech-bubbles/_bubble-bottom.scss
@@ -1,25 +1,25 @@
 /* Bubble Bottom */
 @mixin bubble-bottom {
-	@include hacks();
-	position: relative;
+    @include hacks();
+    position: relative;
 
-	&:before {
-		pointer-events: none;
-		position: absolute;
-		z-index: -1;
-		content: '';
-		border-style: solid;
-		@include prefixed(transition-duration, $mediumDuration);
-		@include prefixed(transition-property, transform);
-		left: calc(50% - #{$tipWidth});
-		bottom: 0;
-		border-width: $tipHeight $tipWidth 0 $tipWidth;
-		border-color: $tipColor transparent transparent transparent;
-	}
+    &:before {
+        pointer-events: none;
+        position: absolute;
+        z-index: -1;
+        content: '';
+        border-style: solid;
+        @include prefixed(transition-duration, $mediumDuration);
+        @include prefixed(transition-property, transform);
+        left: calc(50% - #{$tipWidth});
+        bottom: 0;
+        border-width: $tipHeight $tipWidth 0 $tipWidth;
+        border-color: $tipColor transparent transparent transparent;
+    }
 
-	&:hover:before,
-	&:focus:before,
-	&:active:before {
-		@include prefixed(transform, translateY($tipHeight));
-	}
+    &:hover:before,
+    &:focus:before,
+    &:active:before {
+        @include prefixed(transform, translateY($tipHeight));
+    }
 }
diff --git a/scss/hover.scss b/scss/hover.scss
index ba971fb..7cf0aaf 100644
--- a/scss/hover.scss
+++ b/scss/hover.scss
@@ -11,772 +11,4 @@
  * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
  */
 
-@import "options";
-@import "mixins";
-@import "hacks";
-
-
-/* 2D TRANSITIONS */
-@import "effects/2d-transitions/grow";
-@if $includeClasses {
-	.#{$nameSpace}-grow {
-		@include grow();
-	}
-}
-
-@import "effects/2d-transitions/shrink";
-@if $includeClasses {
-	.#{$nameSpace}-shrink {
-		@include shrink();
-	}
-}
-
-@import "effects/2d-transitions/pulse";
-@if $includeClasses {
-	.#{$nameSpace}-pulse {
-		@include pulse();
-	}
-}
-
-@import "effects/2d-transitions/pulse-grow";
-@if $includeClasses {
-	.#{$nameSpace}-pulse-grow {
-		@include pulse-grow();
-	}
-}
-
-@import "effects/2d-transitions/pulse-shrink";
-@if $includeClasses {
-	.#{$nameSpace}-pulse-shrink {
-		@include pulse-shrink();
-	}
-}
-
-@import "effects/2d-transitions/push";
-@if $includeClasses {
-	.#{$nameSpace}-push {
-		@include push();
-	}
-}
-
-@import "effects/2d-transitions/pop";
-@if $includeClasses {
-	.#{$nameSpace}-pop {
-		@include pop();
-	}
-}
-
-@import "effects/2d-transitions/bounce-in";
-@if $includeClasses {
-	.#{$nameSpace}-bounce-in {
-		@include bounce-in();
-	}
-}
-
-@import "effects/2d-transitions/bounce-out";
-@if $includeClasses {
-	.#{$nameSpace}-bounce-out {
-		@include bounce-out();
-	}
-}
-
-@import "effects/2d-transitions/rotate";
-@if $includeClasses {
-	.#{$nameSpace}-rotate {
-		@include rotate();
-	}
-}
-
-@import "effects/2d-transitions/grow-rotate";
-@if $includeClasses {
-	.#{$nameSpace}-grow-rotate {
-		@include grow-rotate();
-	}
-}
-
-@import "effects/2d-transitions/float";
-@if $includeClasses {
-	.#{$nameSpace}-float {
-		@include float();
-	}
-}
-
-@import "effects/2d-transitions/sink";
-@if $includeClasses {
-	.#{$nameSpace}-sink {
-		@include sink();
-	}
-}
-
-@import "effects/2d-transitions/bob";
-@if $includeClasses {
-	.#{$nameSpace}-bob {
-		@include bob();
-	}
-}
-
-@import "effects/2d-transitions/hang";
-@if $includeClasses {
-	.#{$nameSpace}-hang {
-		@include hang();
-	}
-}
-
-@import "effects/2d-transitions/skew";
-@if $includeClasses {
-	.#{$nameSpace}-skew {
-		@include skew();
-	}
-}
-
-@import "effects/2d-transitions/skew-forward";
-@if $includeClasses {
-	.#{$nameSpace}-skew-forward {
-		@include skew-forward();
-	}
-}
-
-@import "effects/2d-transitions/skew-backward";
-@if $includeClasses {
-	.#{$nameSpace}-skew-backward {
-	    @include skew-backward();
-	}
-}
-
-@import "effects/2d-transitions/wobble-vertical";
-@if $includeClasses {
-	.#{$nameSpace}-wobble-vertical {
-		@include wobble-vertical();
-	}
-}
-
-@import "effects/2d-transitions/wobble-horizontal";
-@if $includeClasses {
-	.#{$nameSpace}-wobble-horizontal {
-		@include wobble-horizontal();
-	}
-}
-
-@import "effects/2d-transitions/wobble-to-bottom-right";
-@if $includeClasses {
-	.#{$nameSpace}-wobble-to-bottom-right {
-	    @include wobble-to-bottom-right();
-	}
-}
-
-@import "effects/2d-transitions/wobble-to-top-right";
-@if $includeClasses {
-	.#{$nameSpace}-wobble-to-top-right {
-	    @include wobble-to-top-right();
-	}
-}
-
-@import "effects/2d-transitions/wobble-top";
-@if $includeClasses {
-	.#{$nameSpace}-wobble-top {
-		@include wobble-top();
-	}
-}
-
-@import "effects/2d-transitions/wobble-bottom";
-@if $includeClasses {
-	.#{$nameSpace}-wobble-bottom {
-		@include wobble-bottom();
-	}
-}
-
-@import "effects/2d-transitions/wobble-skew";
-@if $includeClasses {
-	.#{$nameSpace}-wobble-skew {
-	    @include wobble-skew();
-	}
-}
-
-@import "effects/2d-transitions/buzz";
-@if $includeClasses {
-	.#{$nameSpace}-buzz {
-	    @include buzz();
-	}
-}
-
-@import "effects/2d-transitions/buzz-out";
-@if $includeClasses {
-	.#{$nameSpace}-buzz-out {
-	    @include buzz-out();
-	}
-}
-
-/* BACKGROUND TRANSITIONS */
-@import "effects/background-transitions/fade";
-@if $includeClasses {
-	.#{$nameSpace}-fade {
-		@include fade();
-	}
-}
-
-@import "effects/background-transitions/back-pulse";
-@if $includeClasses {
-	.#{$nameSpace}-back-pulse {
-		@include back-pulse();
-	}
-}
-
-@import "effects/background-transitions/sweep-to-right";
-@if $includeClasses {
-	.#{$nameSpace}-sweep-to-right {
-		@include sweep-to-right();
-	}
-}
-
-@import "effects/background-transitions/sweep-to-left";
-@if $includeClasses {
-	.#{$nameSpace}-sweep-to-left {
-		@include sweep-to-left();
-	}
-}
-
-@import "effects/background-transitions/sweep-to-bottom";
-@if $includeClasses {
-	.#{$nameSpace}-sweep-to-bottom {
-		@include sweep-to-bottom();
-	}
-}
-
-@import "effects/background-transitions/sweep-to-top";
-@if $includeClasses {
-	.#{$nameSpace}-sweep-to-top {
-		@include sweep-to-top();
-	}
-}
-
-@import "effects/background-transitions/bounce-to-right";
-@if $includeClasses {
-	.#{$nameSpace}-bounce-to-right {
-		@include bounce-to-right();
-	}
-}
-
-@import "effects/background-transitions/bounce-to-left";
-@if $includeClasses {
-	.#{$nameSpace}-bounce-to-left {
-		@include bounce-to-left();
-	}
-}
-
-@import "effects/background-transitions/bounce-to-bottom";
-@if $includeClasses {
-	.#{$nameSpace}-bounce-to-bottom {
-		@include bounce-to-bottom();
-	}
-}
-
-@import "effects/background-transitions/bounce-to-top";
-@if $includeClasses {
-	.#{$nameSpace}-bounce-to-top {
-		@include bounce-to-top();
-	}
-}
-
-@import "effects/background-transitions/radial-out";
-@if $includeClasses {
-	.#{$nameSpace}-radial-out {
-		@include radial-out();
-	}
-}
-
-@import "effects/background-transitions/radial-in";
-@if $includeClasses {
-	.#{$nameSpace}-radial-in {
-		@include radial-in();
-	}
-}
-
-@import "effects/background-transitions/rectangle-in";
-@if $includeClasses {
-	.#{$nameSpace}-rectangle-in {
-		@include rectangle-in();
-	}
-}
-
-@import "effects/background-transitions/rectangle-out";
-@if $includeClasses {
-	.#{$nameSpace}-rectangle-out {
-		@include rectangle-out();
-	}
-}
-
-@import "effects/background-transitions/shutter-in-horizontal";
-@if $includeClasses {
-	.#{$nameSpace}-shutter-in-horizontal {
-		@include shutter-in-horizontal();
-	}
-}
-
-@import "effects/background-transitions/shutter-out-horizontal";
-@if $includeClasses {
-	.#{$nameSpace}-shutter-out-horizontal {
-		@include shutter-out-horizontal();
-	}
-}
-
-@import "effects/background-transitions/shutter-in-vertical";
-@if $includeClasses {
-	.#{$nameSpace}-shutter-in-vertical {
-		@include shutter-in-vertical();
-	}
-}
-
-@import "effects/background-transitions/shutter-out-vertical";
-@if $includeClasses {
-	.#{$nameSpace}-shutter-out-vertical {
-		@include shutter-out-vertical();
-	}
-}
-
-
-/* BORDER TRANSITIONS */
-@import "effects/border-transitions/border-fade";
-@if $includeClasses {
-	.#{$nameSpace}-border-fade {
-		@include border-fade();
-	}
-}
-
-@import "effects/border-transitions/hollow";
-@if $includeClasses {
-	.#{$nameSpace}-hollow {
-		@include hollow();
-	}
-}
-
-@import "effects/border-transitions/trim";
-@if $includeClasses {
-	.#{$nameSpace}-trim {
-		@include trim();
-	}
-}
-
-@import "effects/border-transitions/ripple-out";
-@if $includeClasses {
-	.#{$nameSpace}-ripple-out {
-		@include ripple-out();
-	}
-}
-
-@import "effects/border-transitions/ripple-in";
-@if $includeClasses {
-	.#{$nameSpace}-ripple-in {
-		@include ripple-in();
-	}
-}
-
-@import "effects/border-transitions/outline-out";
-@if $includeClasses {
-	.#{$nameSpace}-outline-out {
-		@include outline-out();
-	}
-}
-
-@import "effects/border-transitions/outline-in";
-@if $includeClasses {
-	.#{$nameSpace}-outline-in {
-		@include outline-in();
-	}
-}
-
-@import "effects/border-transitions/round-corners";
-@if $includeClasses {
-	.#{$nameSpace}-round-corners {
-		@include round-corners();
-	}
-}
-
-@import "effects/border-transitions/underline-from-left";
-@if $includeClasses {
-	.#{$nameSpace}-underline-from-left {
-		@include underline-from-left();
-	}
-}
-
-@import "effects/border-transitions/underline-from-center";
-@if $includeClasses {
-	.#{$nameSpace}-underline-from-center {
-		@include underline-from-center();
-	}
-}
-
-@import "effects/border-transitions/underline-from-right";
-@if $includeClasses {
-	.#{$nameSpace}-underline-from-right {
-		@include underline-from-right();
-	}
-}
-
-@import "effects/border-transitions/overline-from-left";
-@if $includeClasses {
-	.#{$nameSpace}-overline-from-left {
-		@include overline-from-left();
-	}
-}
-
-@import "effects/border-transitions/overline-from-center";
-@if $includeClasses {
-	.#{$nameSpace}-overline-from-center {
-		@include overline-from-center();
-	}
-}
-
-@import "effects/border-transitions/overline-from-right";
-@if $includeClasses {
-	.#{$nameSpace}-overline-from-right {
-		@include overline-from-right();
-	}
-}
-
-@import "effects/border-transitions/reveal";
-@if $includeClasses {
-	.#{$nameSpace}-reveal {
-		@include reveal();
-	}
-}
-
-@import "effects/border-transitions/underline-reveal";
-@if $includeClasses {
-	.#{$nameSpace}-underline-reveal {
-		@include underline-reveal();
-	}
-}
-
-@import "effects/border-transitions/overline-reveal";
-@if $includeClasses {
-	.#{$nameSpace}-overline-reveal {
-		@include overline-reveal();
-	}
-}
-
-
-/* SHADOW/GLOW TRANSITIONS */
-@import "effects/shadow-and-glow-transitions/glow";
-@if $includeClasses {
-	.#{$nameSpace}-glow {
-		@include glow();
-	}
-}
-
-@import "effects/shadow-and-glow-transitions/shadow";
-@if $includeClasses {
-	.#{$nameSpace}-shadow {
-		@include shadow();
-	}
-}
-
-@import "effects/shadow-and-glow-transitions/grow-shadow";
-@if $includeClasses {
-	.#{$nameSpace}-grow-shadow {
-		@include grow-shadow();
-	}
-}
-
-@import "effects/shadow-and-glow-transitions/box-shadow-outset";
-@if $includeClasses {
-	.#{$nameSpace}-box-shadow-outset {
-		@include box-shadow-outset();
-	}
-}
-
-@import "effects/shadow-and-glow-transitions/box-shadow-inset";
-@if $includeClasses {
-	.#{$nameSpace}-box-shadow-inset {
-		@include box-shadow-inset();
-	}
-}
-
-@import "effects/shadow-and-glow-transitions/float-shadow";
-@if $includeClasses {
-	.#{$nameSpace}-float-shadow {
-		@include float-shadow();
-	}
-}
-
-@import "effects/shadow-and-glow-transitions/shadow-radial";
-@if $includeClasses {
-	.#{$nameSpace}-shadow-radial {
-		@include shadow-radial();
-	}
-}
-
-/* SPEECH BUBBLES */
-@import "effects/speech-bubbles/bubble-top";
-@if $includeClasses {
-	.#{$nameSpace}-bubble-top {
-		@include bubble-top();
-	}
-}
-
-@import "effects/speech-bubbles/bubble-right";
-@if $includeClasses {
-	.#{$nameSpace}-bubble-right {
-		@include bubble-right();
-	}
-}
-
-@import "effects/speech-bubbles/bubble-bottom";
-@if $includeClasses {
-	.#{$nameSpace}-bubble-bottom {
-		@include bubble-bottom();
-	}
-}
-
-@import "effects/speech-bubbles/bubble-left";
-@if $includeClasses {
-	.#{$nameSpace}-bubble-left {
-		@include bubble-left();
-	}
-}
-
-@import "effects/speech-bubbles/bubble-float-top";
-@if $includeClasses {
-	.#{$nameSpace}-bubble-float-top {
-		@include bubble-float-top();
-	}
-}
-
-@import "effects/speech-bubbles/bubble-float-right";
-@if $includeClasses {
-	.#{$nameSpace}-bubble-float-right {
-		@include bubble-float-right();
-	}
-}
-
-@import "effects/speech-bubbles/bubble-float-bottom";
-@if $includeClasses {
-	.#{$nameSpace}-bubble-float-bottom {
-		@include bubble-float-bottom();
-	}
-}
-
-@import "effects/speech-bubbles/bubble-float-left";
-@if $includeClasses {
-	.#{$nameSpace}-bubble-float-left {
-		@include bubble-float-left();
-	}
-}
-
-/* ICONS */
-@import "effects/icons/icon-back";
-@if $includeClasses {
-	.#{$nameSpace}-icon-back {
-		@include icon-back();
-	}
-}
-
-@import "effects/icons/icon-forward";
-@if $includeClasses {
-	.#{$nameSpace}-icon-forward {
-		@include icon-forward();
-	}
-}
-
-@import "effects/icons/icon-down";
-@if $includeClasses {
-	.#{$nameSpace}-icon-down {
-		@include icon-down();
-	}
-}
-
-@import "effects/icons/icon-up";
-@if $includeClasses {
-	.#{$nameSpace}-icon-up {
-		@include icon-up();
-	}
-}
-
-@import "effects/icons/icon-spin";
-@if $includeClasses {
-	.#{$nameSpace}-icon-spin {
-		@include icon-spin();
-	}
-}
-
-@import "effects/icons/icon-drop";
-@if $includeClasses {
-	.#{$nameSpace}-icon-drop {
-		@include icon-drop();
-	}
-}
-
-@import "effects/icons/icon-fade";
-@if $includeClasses {
-	.#{$nameSpace}-icon-fade {
-		@include icon-fade();
-	}
-}
-
-@import "effects/icons/icon-float-away";
-@if $includeClasses {
-	.#{$nameSpace}-icon-float-away {
-		@include icon-float-away();
-	}
-}
-
-@import "effects/icons/icon-sink-away";
-@if $includeClasses {
-	.#{$nameSpace}-icon-sink-away {
-		@include icon-sink-away();
-	}
-}
-
-@import "effects/icons/icon-grow";
-@if $includeClasses {
-	.#{$nameSpace}-icon-grow {
-		@include icon-grow();
-	}
-}
-
-@import "effects/icons/icon-shrink";
-@if $includeClasses {
-	.#{$nameSpace}-icon-shrink {
-		@include icon-shrink();
-	}
-}
-
-@import "effects/icons/icon-pulse";
-@if $includeClasses {
-	.#{$nameSpace}-icon-pulse {
-		@include icon-pulse();
-	}
-}
-
-@import "effects/icons/icon-pulse-grow";
-@if $includeClasses {
-	.#{$nameSpace}-icon-pulse-grow {
-		@include icon-pulse-grow();
-	}
-}
-
-@import "effects/icons/icon-pulse-shrink";
-@if $includeClasses {
-	.#{$nameSpace}-icon-pulse-shrink {
-		@include icon-pulse-shrink();
-	}
-}
-
-@import "effects/icons/icon-push";
-@if $includeClasses {
-	.#{$nameSpace}-icon-push {
-		@include icon-push();
-	}
-}
-
-@import "effects/icons/icon-pop";
-@if $includeClasses {
-	.#{$nameSpace}-icon-pop {
-		@include icon-pop();
-	}
-}
-
-@import "effects/icons/icon-bounce";
-@if $includeClasses {
-	.#{$nameSpace}-icon-bounce {
-		@include icon-bounce();
-	}
-}
-
-@import "effects/icons/icon-rotate";
-@if $includeClasses {
-	.#{$nameSpace}-icon-rotate {
-		@include icon-rotate();
-	}
-}
-
-@import "effects/icons/icon-grow-rotate";
-@if $includeClasses {
-	.#{$nameSpace}-icon-grow-rotate {
-		@include icon-grow-rotate();
-	}
-}
-
-@import "effects/icons/icon-float";
-@if $includeClasses {
-	.#{$nameSpace}-icon-float {
-		@include icon-float();
-	}
-}
-
-@import "effects/icons/icon-sink";
-@if $includeClasses {
-	.#{$nameSpace}-icon-sink {
-		@include icon-sink();
-	}
-}
-
-@import "effects/icons/icon-bob";
-@if $includeClasses {
-	.#{$nameSpace}-icon-bob {
-		@include icon-bob();
-	}
-}
-
-@import "effects/icons/icon-hang";
-@if $includeClasses {
-	.#{$nameSpace}-icon-hang {
-		@include icon-hang();
-	}
-}
-
-@import "effects/icons/icon-wobble-horizontal";
-@if $includeClasses {
-	.#{$nameSpace}-icon-wobble-horizontal {
-		@include icon-wobble-horizontal();
-	}
-}
-
-@import "effects/icons/icon-wobble-vertical";
-@if $includeClasses {
-	.#{$nameSpace}-icon-wobble-vertical {
-		@include icon-wobble-vertical();
-	}
-}
-
-@import "effects/icons/icon-buzz";
-@if $includeClasses {
-	.#{$nameSpace}-icon-buzz {
-		@include icon-buzz();
-	}
-}
-
-@import "effects/icons/icon-buzz-out";
-@if $includeClasses {
-	.#{$nameSpace}-icon-buzz-out {
-		@include icon-buzz-out();
-	}
-}
-
-/* CURLS */
-@import "effects/curls/curl-top-left";
-@if $includeClasses {
-	.#{$nameSpace}-curl-top-left {
-		@include curl-top-left();
-	}
-}
-
-@import "effects/curls/curl-top-right";
-@if $includeClasses {
-	.#{$nameSpace}-curl-top-right {
-		@include curl-top-right();
-	}
-}
-
-@import "effects/curls/curl-bottom-right";
-@if $includeClasses {
-	.#{$nameSpace}-curl-bottom-right {
-		@include curl-bottom-right();
-	}
-}
-
-@import "effects/curls/curl-bottom-left";
-@if $includeClasses {
-	.#{$nameSpace}-curl-bottom-left {
-		@include curl-bottom-left();
-	}
-}
+@import "_hover.scss";