add a persisted tooltip type

beceha · Jan 20, 2013 · 9e5c7af · 9e5c7af
1 parent fff7f48
commit 9e5c7af
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 13 deletions.
diff --git a/src/hint-always.scss b/src/hint-always.scss
@@ -0,0 +1,41 @@
+/**
+ * source: hint-always.scss
+ *
+ * Defines a persisted tooltip which shows always.
+ * 
+ * Classes added:
+ * 	1) hint--always
+ * 	
+ */
+
+// mixin to set margin on tooltip using translate transform
+@mixin set-margin($property, $transitionDirection) {
+	&:after, &:before {
+		-webkit-transform: #{$property}($transitionDirection * $transitionDistance);
+		-moz-transform: #{$property}($transitionDirection * $transitionDistance);
+		transform: #{$property}($transitionDirection * $transitionDistance);
+	}
+}
+
+.hint--always {
+	&:after, &:before {
+		opacity: 1;
+	}
+
+	&.hint--top {
+		+set-margin('translateY', -1);
+	}
+
+	&.hint--bottom {
+		+set-margin('translateY', 1);
+	}
+
+	&.hint--left {
+		+set-margin('translateX', -1);
+	}
+
+	&.hint--right {
+		+set-margin('translateX', 1);
+	}
+}
+
diff --git a/src/hint-duration.scss b/src/hint-duration.scss
diff --git a/src/hint.scss b/src/hint.scss
@@ -24,4 +24,4 @@
 @import "src/hint-core";
 @import "src/hint-position";
 @import "src/hint-color-types";
-@import "src/hint-duration";
+@import "src/hint-always";