update polymer
This commit is contained in:
parent
6825ae319e
commit
2d53ff29c5
106 changed files with 3070 additions and 1567 deletions
|
@ -12,6 +12,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
<link rel="import" href="../paper-styles/shadow.html">
|
||||
|
||||
<!--
|
||||
Material design: [Cards](https://www.google.com/design/spec/components/cards.html)
|
||||
|
||||
`paper-material` is a container that renders two shadows on top of each other to
|
||||
create the effect of a lifted piece of paper.
|
||||
|
@ -23,42 +24,42 @@ Example:
|
|||
</paper-material>
|
||||
|
||||
@group Paper Elements
|
||||
@class paper-material
|
||||
@demo demo/index.html
|
||||
-->
|
||||
|
||||
<dom-module id="paper-material">
|
||||
<style>
|
||||
:host {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
:host([animated]) {
|
||||
@apply(--shadow-transition);
|
||||
}
|
||||
|
||||
:host([elevation="1"]) {
|
||||
@apply(--shadow-elevation-2dp);
|
||||
}
|
||||
|
||||
:host([elevation="2"]) {
|
||||
@apply(--shadow-elevation-4dp);
|
||||
}
|
||||
|
||||
:host([elevation="3"]) {
|
||||
@apply(--shadow-elevation-6dp);
|
||||
}
|
||||
|
||||
:host([elevation="4"]) {
|
||||
@apply(--shadow-elevation-8dp);
|
||||
}
|
||||
|
||||
:host([elevation="5"]) {
|
||||
@apply(--shadow-elevation-16dp);
|
||||
}
|
||||
</style>
|
||||
<template>
|
||||
<style>
|
||||
:host {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
:host([animated]) {
|
||||
@apply(--shadow-transition);
|
||||
}
|
||||
|
||||
:host([elevation="1"]) {
|
||||
@apply(--shadow-elevation-2dp);
|
||||
}
|
||||
|
||||
:host([elevation="2"]) {
|
||||
@apply(--shadow-elevation-4dp);
|
||||
}
|
||||
|
||||
:host([elevation="3"]) {
|
||||
@apply(--shadow-elevation-6dp);
|
||||
}
|
||||
|
||||
:host([elevation="4"]) {
|
||||
@apply(--shadow-elevation-8dp);
|
||||
}
|
||||
|
||||
:host([elevation="5"]) {
|
||||
@apply(--shadow-elevation-16dp);
|
||||
}
|
||||
</style>
|
||||
|
||||
<content></content>
|
||||
</template>
|
||||
</dom-module>
|
||||
|
@ -67,7 +68,6 @@ Example:
|
|||
is: 'paper-material',
|
||||
|
||||
properties: {
|
||||
|
||||
/**
|
||||
* The z-depth of this element, from 0-5. Setting to 0 will remove the
|
||||
* shadow, and each increasing number greater than 0 will be "deeper"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue