阴影

在material design中，每个元素都应该有一个确定的层次来显示它浮起离网页多近或者多远。

你可以通过给一个html标签增加一个“class=‘z-depth-2'”轻松地增加阴影。你可以选择用Sass的“@extend .z-depth-2”给这些阴影进行扩展。“z-depth-0”可以用于从默认有阴影的元素上移除阴影。

<div class="col s12 m2">
 <p class="z-depth-1">z-depth-1</p> 
</div>
<div class="col s12 m2">
 <p class="z-depth-2">z-depth-2</p> 
</div> 
<div class="col s12 m2">
 <p class="z-depth-3">z-depth-3</p> 
</div> 
<div class="col s12 m2">
 <p class="z-depth-4">z-depth-4</p> 
</div> 
<div class="col s12 m2">
 <p class="z-depth-5">z-depth-5</p> 
</div>