/*————————————

Box-shadows-v3-v4-v5

————————————*/ %box-shadow {

position: relative;

} %box-shadow–after-before {

content: "";
position: absolute;
top: 80%;
@include px-to-rem(left, 5px);
@include px-to-rem(bottom, 15px);
width: 50%;
@include px-to-rem(max-width, 300px);
background: rgba($g-color-black, .2);
z-index: -1;

} .u-shadow-v3, .u-shadow-v4, .u-shadow-v5 {

@extend %box-shadow;

} .u-shadow-v3::after, .u-shadow-v3::before, .u-shadow-v4::before, .u-shadow-v5::after {

@extend %box-shadow--after-before;
box-shadow: 0 15px 10px rgba($g-color-black, .2);
transform: rotate(-3deg);

} .u-shadow-v3::after, .u-shadow-v5::after {

@extend %box-shadow--after-before;
left: auto;
@include px-to-rem(right, 5px);
transform: rotate(3deg);

}