The paper shadows mixin-library for CSS pre-processors.

• git: git clone git://github.com/mrmlnc/material-shadows.git;
• bower: bower install --save material-shadows
• npm: npm install --save material-shadows;

Support for all popular css preprocessors:

• Less
• Sass
• Stylus

// Less, SCSS, Stylus
@import "lib/material-color";

.my-selector {
  .z-depth(); // equivalent to `.z-depth(2)` and `.z-depth-2dp()`

  // Create class for `transition` property.
  .z-depth-transition();

  // Creating a class to an element in the focused state.
  .z-depth-focus();
}

// Class generator
.shadow {
  .z-depth-classes();
}

dp

• Type: Number
• Default: 2
• Available values: 2, 3, 4, 6, 8, 16, 24

Depth shadow.

transition

• Type: Boolean
• Default: false

Create class for transition property.

focus

• Type: Boolean
• Default: false

Creating a class to an element in the focused state.

See the Releases section of our GitHub project for changelogs for each release version.

This software is released under the terms of the MIT license.