material-shadows

WebJar for material-shadows

License

License

MIT
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

material-shadows
Last Version

Last Version

2.0.2
Release Date

Release Date

Type

Type

jar
Description

Description

material-shadows
WebJar for material-shadows
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/mrmlnc/material-shadows

Download material-shadows

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/material-shadows/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>material-shadows</artifactId>
    <version>2.0.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/material-shadows/
implementation 'org.webjars.bower:material-shadows:2.0.2'
// https://jarcasting.com/artifacts/org.webjars.bower/material-shadows/
implementation ("org.webjars.bower:material-shadows:2.0.2")
'org.webjars.bower:material-shadows:jar:2.0.2'
<dependency org="org.webjars.bower" name="material-shadows" rev="2.0.2">
  <artifact name="material-shadows" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='material-shadows', version='2.0.2')
)
libraryDependencies += "org.webjars.bower" % "material-shadows" % "2.0.2"
[org.webjars.bower/material-shadows "2.0.2"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Material Design Shadows

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

demo

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:

Usage

// 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 for changelogs for each release version.

License

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

Versions

Version
2.0.2
2.0.1