Guest User

Untitled

a guest
Jul 19th, 2018
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.53 KB | None | 0 0
  1. @import "compass/css3";
  2. @function shadow-3d($text-color, $shadow-color) {
  3. $shadows: compact();
  4. @for $i from 1 through 5 {
  5. $shadows: append($shadows, 0 1px * $i 0 scale-color($text-color, $lightness: 20% + $i * 5%));
  6. }
  7. @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) {
  8. $shadows: append($shadows, 0 nth($values, 1) nth($values, 2) change-color($shadow-color, $alpha: nth($values, 3)));
  9. }
  10. @return $shadows;
  11. }
  12. h1 {
  13. @include text-shadow(shadow-3d(#fff, black))
  14. }
Add Comment
Please, Sign In to add comment