Move text-shadow and box-shadow to a separate hint-theme file.

chinchang · Jun 22, 2014 · 0f91eaa · 0f91eaa
1 parent 4d9b69a
commit 0f91eaa
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/hint-core.scss b/src/hint-core.scss
@@ -64,11 +64,9 @@
 		content: attr(data-hint); // The magic!
 		background: $defaultColor;
 		color: white;
-		text-shadow: 0 -1px 0px darken($defaultColor, $textShadowDarkenAmount);
 		padding: $verticalPadding $horizontalPadding;
 		font-size: $fontSize;
 		line-height: $fontSize; // Vertical centering.
 		white-space: nowrap; // Prevent breaking to new line.
-		box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
 	}
 }
diff --git a/src/hint-theme.scss b/src/hint-theme.scss
@@ -0,0 +1,16 @@
+/**
+ * source: hint-theme.scss
+ *
+ * Defines basic theme for tooltips.
+ *
+ */
+
+.hint, [data-hint] {
+	/**
+	 * tooltip body
+	 */
+	&:after {
+		text-shadow: 0 -1px 0px darken($defaultColor, $textShadowDarkenAmount);
+		box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
+	}
+}