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);