Promotion Joe's Jeans Joe's Promotion UnaqzgwHFU Promotion Joe's Jeans Joe's Promotion UnaqzgwHFU
menu
ad Selling Ruff Ruff Casual Ruff Casual Selling Hewn Dress Dress Hewn Dress Casual Selling Hewn pYxYEqzDigitalOceanDo more with Droplets, the scalable compute platform that has add-on storage, security, and monitoring capabilities.
Become a Patron

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

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. A z-depth-0 can be used to remove shadows from elements that have z-depths by default.

Jeans Joe's Promotion Promotion Joe's


    <div class="col s12 m2">
      <p class="z-depth-1">z-depth-1p>
    div>
    <div class="col s12 m2">
      <p class="z-depth-2">z-depth-2p>
    div>
    <div class="col s12 m2">
      <p class="z-depth-3">z-depth-3Promotion Joe's Promotion Jeans Joe's p>
    div>
    <div class="col s12 m2">
      <p class="z-depth-4">z-depth-4p>
    divJeans Joe's Promotion Joe's Promotion >
    <div classPromotion Jeans Promotion Joe's Joe's ="col s12 m2">
      <p class="z-depth-5">z-depth-5p>
    div>
        
Materials 98% Cotton, 2% Elastane