In material design, everything should have a certain z-depth that determines how far raised or close to the page the element is.

z-depth

You can easily apply this shadow effect by adding a class="z-depth-2" to an HTML tag. Alternatively you can extend any of these shadows with Sass using @extend .z-depth-2.