_material-shadow.scss

/*
 * Mixin: Material Shadow
 * By: Lucas Buetto De Angelis
 * Url: https://gist.github.com/lucasbuetto/19532920b36e70a52f9dba62d8838985 (provisory)
*/
@mixin materialShadow($level, $type) {
  $black: #000000;
  @if $type == "text" {
    @if $level == 1 {
      text-shadow: 0 1px 3px rgba($black, 0.12), 0 1px 2px rgba($black, 0.24);
    } @else if $level == 2 {
      text-shadow: 0 3px 6px rgba($black, 0.16), 0 3px 6px rgba($black, 0.23);
    } @else if $level == 3 {
      text-shadow: 0 10px 20px rgba($black, 0.19),
      0 6px 6px rgba($black, 0.23);
    } @else if $level == 4 {
      text-shadow: 0 14px 28px rgba($black, 0.25),
      0 10px 10px rgba($black, 0.22);
    } @else if $level == 5 {
      text-shadow: 0 19px 38px rgba($black, 0.3),
      0 15px 12px rgba($black, 0.22);
    }
  } @else {
    @if $level == 1 {
      box-shadow: 0 1px 3px rgba($black, 0.12), 0 1px 2px rgba($black, 0.24);
    } @else if $level == 2 {
      box-shadow: 0 3px 6px rgba($black, 0.16), 0 3px 6px rgba($black, 0.23);
    } @else if $level == 3 {
      box-shadow: 0 10px 20px rgba($black, 0.19), 0 6px 6px rgba($black, 0.23);
    } @else if $level == 4 {
      box-shadow: 0 14px 28px rgba($black, 0.25),
      0 10px 10px rgba($black, 0.22);
    } @else if $level == 5 {
      box-shadow: 0 19px 38px rgba($black, 0.3),
      0 15px 12px rgba($black, 0.22);
    }
  }
};