diff --git a/demo/index.html b/demo/index.html
index c0b6d39..4e59d46 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -43,6 +43,7 @@
Paper-materials can have different elevations
3
4
5
+ 6
@@ -66,7 +67,7 @@ Changes in elevation can be animated
var target = e.target;
if (!target.down) {
target.elevation += 1;
- if (target.elevation === 5) {
+ if (target.elevation === 6) {
target.down = true;
}
} else {
diff --git a/paper-material-shared-styles.html b/paper-material-shared-styles.html
index b795f4f..59d740b 100644
--- a/paper-material-shared-styles.html
+++ b/paper-material-shared-styles.html
@@ -35,6 +35,10 @@
}
:host([elevation="5"]) {
+ @apply(--shadow-elevation-12dp);
+ }
+
+ :host([elevation="6"]) {
@apply(--shadow-elevation-16dp);
}
diff --git a/test/paper-material.html b/test/paper-material.html
index 7949c11..1f42d02 100644
--- a/test/paper-material.html
+++ b/test/paper-material.html
@@ -33,6 +33,7 @@
+
@@ -69,7 +70,7 @@
var lastStyle;
var style;
- expect(cards.length).to.be.eql(5);
+ expect(cards.length).to.be.eql(6);
cards.forEach(function (card) {
style = window.getComputedStyle(card);