src/resources/themes/vendor/compass-recipes/stylesheets/recipes/shadow/_top-edge.scss

   1 /**
   2  * Shadow along the top edge of the browser viewport
   3  *
   4  * @link http://playground.genelocklin.com/depth/
   5  */
   6
   7 @mixin top-shadow($height: 1em, $color: rgba(0,0,0,.8), $z-index: 100, $position: fixed)
   8 {
   9     content: "";
  10
  11     position: $position;
  12     left: 0%;
  13     width: 100%;
  14
  15     top: -$height;
  16     height: $height;
  17     @include box-shadow(0 0 $height $color);
  18
  19     z-index: $z-index;
  20 }
  21
  22 /*
  23 // Usage
  24 body:before
  25 {
  26     @include top-shadow;
  27 }
  28 */