Skip to content
Permalink
Browse files
Move text-shadow and box-shadow to a separate hint-theme file.
  • Loading branch information
chinchang committed Jun 22, 2014
1 parent 4d9b69a commit 0f91eaa59ffa9cdfb2fef7762d5491a1f8b74ecf
Show file tree
Hide file tree
Showing 2 changed files with 16 additions and 2 deletions.
@@ -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);
}
}
@@ -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);
}
}

0 comments on commit 0f91eaa

Please sign in to comment.