Skip to content

Box Shadow

// Box Shadow
// ––––––––––––––––––––––––––––––––––––––––––––––––––

// Adds a simple box shadow to an element
//
// Usage:
// @include box-shadow(3px, 3px, 10px, rgba(0, 0, 0, .54));
// or to inset:
// @include box-shadow(3px, 3px, 10px, rgba(0, 0, 0, .54), true);
//
@mixin box-shadow($left, $top, $blur, $color, $inset: false) {
  @if $inset {
    box-shadow: inset $left $top $blur $color;
  }

  @else {
    box-shadow: $left $top $blur $color;
  }
}