Skip to content

Like @material/elevation, but with drop-shadow instead [mirror]

Notifications You must be signed in to change notification settings

notpushkin/material-ds-elevation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Releases

No releases published

Packages

No packages published

Languages