$shadow--material-none: 0 0 0 0 rgba(0, 0, 0, .1);
$shadow--material-1:    0 1px 2px 0 rgba(0, 0, 0, .2), 0 0 4px 0 rgba(0, 0, 0, .1);
$shadow--material-2:    0 3px 6px 0 rgba(0, 0, 0, .23), 0 3px 6px 0 rgba(0, 0, 0, .16);
$shadow--material-3:    0 6px 6px 0 rgba(0, 0, 0, .26), 0 10px 20px 0 rgba(0, 0, 0, .19);
$shadow--material-4:    0 10px 10px 0 rgba(0, 0, 0, .26), 0 14px 28px 0 rgba(0, 0, 0, .25);
$shadow--material-5:    0 15px 12px 0 rgba(0, 0, 0, .22), 0 19px 38px 0 rgba(0, 0, 0, .3);

%shadow--material-none {
  box-shadow: $shadow--material-none;
}

%shadow--material-1 {
  box-shadow: $shadow--material-1;
}

%shadow--material-2 {
  box-shadow: $shadow--material-2;
}

%shadow--material-3 {
  box-shadow: $shadow--material-3;
}

%shadow--material-4 {
  box-shadow: $shadow--material-4;
}

%shadow--material-5 {
  box-shadow: $shadow--material-5;
}