@mixin base-horizontal-curved-shadow() {
position: absolute; width: 90%; height: 10%; left: 5%; border-radius: 50%; z-index: -1; content: ""; box-shadow: 0 0 1em .25em dark-black-color();
}
@mixin top-curved-shadow() {
position: relative; &:before { @include base-horizontal-curved-shadow; top: 0%; }
}
@mixin bottom-curved-shadow() {
position: relative; &:after { @include base-horizontal-curved-shadow; bottom: 0%; }
}
@mixin horizontal-curved-shadow() {
@include top-curved-shadow; @include bottom-curved-shadow;
}