Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1069)

Unified Diff: lib/src/paper-material/paper-material.html

Issue 1418513006: update elements and fix some bugs (Closed) Base URL: git@github.com:dart-lang/polymer_elements.git@master
Patch Set: code review updates Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « lib/src/paper-item/paper-item-shared-styles.html ('k') | lib/src/paper-material/test/paper-material.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: lib/src/paper-material/paper-material.html
diff --git a/lib/src/paper-material/paper-material.html b/lib/src/paper-material/paper-material.html
index 06b258d3df863b09b9d5f7f64ecde7227a7cc1db..3affcc23ae825969a115026c6a6eeee2eaaf1c30 100644
--- a/lib/src/paper-material/paper-material.html
+++ b/lib/src/paper-material/paper-material.html
@@ -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;
- }
+ <template>
+ <style>
+ :host {
+ display: block;
+ position: relative;
+ }
- :host([animated]) {
- @apply(--shadow-transition);
- }
+ :host([animated]) {
+ @apply(--shadow-transition);
+ }
- :host([elevation="1"]) {
- @apply(--shadow-elevation-2dp);
- }
+ :host([elevation="1"]) {
+ @apply(--shadow-elevation-2dp);
+ }
- :host([elevation="2"]) {
- @apply(--shadow-elevation-4dp);
- }
+ :host([elevation="2"]) {
+ @apply(--shadow-elevation-4dp);
+ }
- :host([elevation="3"]) {
- @apply(--shadow-elevation-6dp);
- }
+ :host([elevation="3"]) {
+ @apply(--shadow-elevation-6dp);
+ }
- :host([elevation="4"]) {
- @apply(--shadow-elevation-8dp);
- }
+ :host([elevation="4"]) {
+ @apply(--shadow-elevation-8dp);
+ }
+
+ :host([elevation="5"]) {
+ @apply(--shadow-elevation-16dp);
+ }
+ </style>
- :host([elevation="5"]) {
- @apply(--shadow-elevation-16dp);
- }
- </style>
- <template>
<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"
« no previous file with comments | « lib/src/paper-item/paper-item-shared-styles.html ('k') | lib/src/paper-material/test/paper-material.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698