Sha256: e60bc114560cec1c09f04bad03adbef0cab0ca0311d3470dfb3230c248cf7996
Contents?: true
Size: 826 Bytes
Versions: 40
Compression:
Stored size: 826 Bytes
Contents
/*------------------------------------
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);
}
Version data entries
40 entries across 40 versions & 1 rubygems