/sass/recipes/shadow/drop/_flying.scss
https://bitbucket.org/decore/my-svadba.ru · Sass · 34 lines · 26 code · 2 blank · 6 comment · 0 complexity · 7c1e54830e68df342818402e77baf57a MD5 · raw file
- /**
- * Drop shadow flying
- *
- * @thanks Geoffrey Crofte @geoffrey_crofte
- * @link http://www.creativejuiz.fr/trytotry/css3-box-shadow-after-before/
- */
- @mixin drop-shadow-flying(
- $box-shadow-radius: 30px,
- $color: #000,
- $distance: 1em,
- $height: 2px
- )
- {
- position: relative;
- &:before,
- &:after
- {
- content: " ";
- position: absolute;
- z-index: -2;
- bottom: -$distance;
- }
- &:after
- {
- left: 8%;
- width: 84%;
- height: $height;
- background: rgba(#000, .3);
- @include border-radius(#{50%} / #{1px});
- @include box-shadow(0 $height $box-shadow-radius/2 rgba(#000, .2), 0 $height $box-shadow-radius rgba(#000, .15));
- }
- }