Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import "compass/css3";
- @function shadow-3d($text-color, $shadow-color) {
- $shadows: compact();
- @for $i from 1 through 5 {
- $shadows: append($shadows, 0 1px * $i 0 scale-color($text-color, $lightness: 20% + $i * 5%));
- }
- @each $values in (6px 1px 0.1, 0 5px 0.1, 1px 3px 0.3, 3px 5px 0.2, 5px 10px 0.25, 10px 10px 0.2, 20px 20px 0.15) {
- $shadows: append($shadows, 0 nth($values, 1) nth($values, 2) change-color($shadow-color, $alpha: nth($values, 3)));
- }
- @return $shadows;
- }
- h1 {
- @include text-shadow(shadow-3d(#fff, black))
- }
Add Comment
Please, Sign In to add comment