Sombra de caixa CSS3 extravagante com SASS

Escrito em SCSS, mas pode ser facilmente convertido em SASS puro ( http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html )

Copie e cole este mixin em seu arquivo SASS e então apenas adicione o mixin a qualquer elemento para adicionar sombras abaixo daquele elemento (atinge o efeito 3d dobrado). Certifique-se de que o Compass também esteja instalado http://compass-style.org/

@mixin fancy-box-shadow($color:rgba(0,0,0,.5), $left_shadow:-4deg, $right_shadow:4deg, $bottom:8px) {
position:relative;
background:#fff;

&:before, &:after {
    position:absolute;
    width:47%;
    max-width:50%;
    top:80%;
    left:10px;
    bottom:$bottom;
    content:'';
    z-index:-1;
    @include single-box-shadow($color, 0, 15px, 15px);
    @include rotate($left_shadow);
}
&:after {
    right:10px;
    left:auto;
    @include rotate($right_shadow);
}
}