| OLD | NEW |
| (Empty) |
| 1 /* | |
| 2 * @license | |
| 3 * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | |
| 4 * This code may only be used under the BSD style license found at http://polyme
r.github.io/LICENSE.txt | |
| 5 * The complete set of authors may be found at http://polymer.github.io/AUTHORS.
txt | |
| 6 * The complete set of contributors may be found at http://polymer.github.io/CON
TRIBUTORS.txt | |
| 7 * Code distributed by Google as part of the polymer project is also | |
| 8 * subject to an additional IP rights grant found at http://polymer.github.io/PA
TENTS.txt | |
| 9 */ | |
| 10 | |
| 11 html /deep/ paper-shadow, | |
| 12 html /deep/ paper-animated-shadow { | |
| 13 display: block; | |
| 14 position: relative; | |
| 15 } | |
| 16 | |
| 17 html /deep/ paper-shadow::shadow #shadow-bottom, | |
| 18 html /deep/ paper-shadow::shadow #shadow-top { | |
| 19 border-radius: inherit; | |
| 20 pointer-events: none; | |
| 21 } | |
| 22 | |
| 23 html /deep/ paper-shadow::shadow #shadow-bottom[animated], | |
| 24 html /deep/ paper-shadow::shadow #shadow-top[animated] { | |
| 25 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); | |
| 26 } | |
| 27 | |
| 28 html /deep/ .paper-shadow-top-z-1 { | |
| 29 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16); | |
| 30 } | |
| 31 | |
| 32 html /deep/ .paper-shadow-bottom-z-1 { | |
| 33 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); | |
| 34 } | |
| 35 | |
| 36 html /deep/ .paper-shadow-top-z-2 { | |
| 37 box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19); | |
| 38 } | |
| 39 | |
| 40 html /deep/ .paper-shadow-bottom-z-2 { | |
| 41 box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); | |
| 42 } | |
| 43 | |
| 44 html /deep/ .paper-shadow-top-z-3 { | |
| 45 box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19); | |
| 46 } | |
| 47 | |
| 48 html /deep/ .paper-shadow-bottom-z-3 { | |
| 49 box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24); | |
| 50 } | |
| 51 | |
| 52 html /deep/ .paper-shadow-top-z-4 { | |
| 53 box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21); | |
| 54 } | |
| 55 | |
| 56 html /deep/ .paper-shadow-bottom-z-4 { | |
| 57 box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22); | |
| 58 } | |
| 59 | |
| 60 html /deep/ .paper-shadow-top-z-5 { | |
| 61 box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22); | |
| 62 } | |
| 63 | |
| 64 html /deep/ .paper-shadow-bottom-z-5 { | |
| 65 box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2); | |
| 66 } | |
| OLD | NEW |