https://github.com/mrmlnc/material-shadows
:thought_balloon: Mixins for Material Design Shadows
https://github.com/mrmlnc/material-shadows
Last synced: about 1 year ago
JSON representation
:thought_balloon: Mixins for Material Design Shadows
- Host: GitHub
- URL: https://github.com/mrmlnc/material-shadows
- Owner: mrmlnc
- License: mit
- Created: 2014-07-29T14:06:57.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2019-10-26T16:05:14.000Z (almost 7 years ago)
- Last Synced: 2025-04-18T16:11:39.858Z (over 1 year ago)
- Language: CSS
- Homepage:
- Size: 31.3 KB
- Stars: 84
- Watchers: 6
- Forks: 22
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Material Design Shadows
> The paper shadows mixin-library for CSS pre-processors.
## Installation
* git: `git clone git://github.com/mrmlnc/material-shadows.git`;
* bower: `bower install --save material-shadows`
* npm: `npm install --save material-shadows`;
## Supported languages
Support for all popular css preprocessors:
* [Less](http://lesscss.org/)
* [Sass](http://sass-lang.com/)
* [Stylus](http://learnboost.github.io/stylus/)
## Usage
```less
// 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();
}
```
## Supported options
#### z-depth
**dp**
* Type: `Number`
* Default: `2`
* Available values: 2, 3, 4, 6, 8, 16, 24
Depth shadow.
#### z-depth-classes
**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.
## Changelog
See the [Releases section of our GitHub project](https://github.com/mrmlnc/material-shadows/releases) for changelogs for each release version.
## License
This software is released under the terms of the MIT license.