Material Drop Shadow Elevation

This is like @material/elevation, but uses drop-shadow CSS filter instead of a box-shadow property. This allows to use it on weird shaped things like CSS triangles.

npm install material-ds-elevation

Usage:

@import "material-ds-elevation/functions";
.my-element {
  // Instead of:
  //   @include mdc-elevation(2);
  // Use:
  filter: drop-shadow-elevation(2);

  &::before {
    @include make-me-a-triangle(bottom); // not included :P
  }
}

TODO

• Add transitions