Skip to content

Instantly share code, notes, and snippets.

@roine
Created April 22, 2013 10:22
Show Gist options
  • Select an option

  • Save roine/5433786 to your computer and use it in GitHub Desktop.

Select an option

Save roine/5433786 to your computer and use it in GitHub Desktop.
@mixin threedshadow($color, $depth) {
$all: ();
@for $i from 1 through $depth {
$all: append($all, append($i*0px $i*1px 0, darken($color, $i+14%)), comma);
}
$all: append($all, 3px $depth*1px+5px 15px rgba(0,0,0,.1), comma);
$all: append($all, 3px $depth*1px+5px 5px rgba(0,0,0,.3));
text-shadow: $all;
}
div{
$color:desaturate(darken(tomato, 20%), 20%);
color:$color;
text-align:center;
font-size:3em;
text-transform:uppercase;
font-weight:bold;
margin:0 auto;
@include threedshadow($color,10);
font-family:Verdana;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment