/**
 * Drop shadow w/ lifted corners
 *
 * @thanks Nicolas Gallagher @necolas
 * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
 */
@mixin drop-shadow-lifted-corners($height: 15px, $margin: 10px, $angle: 4deg, $color: rgba(#000, .7))
{
    position: relative;

    &::before,
    &::after
    {
        content:"";
        position:absolute;
        z-index: -2;
        
        bottom: $height;

        width: 50%;
        height: 20%;
        
        @include box-shadow(0 $height $margin $color);
        
    }

    &::before
    {
        left: $margin;
        @include transform(rotate(-$angle));
    }
    
    &::after
    {
        right: $margin;
        @include transform(rotate($angle));
    }
}
