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://polymer.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/CONTRIBUTORS.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/PATENTS.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: none; 30 } 31 32 html /deep/ .paper-shadow-bottom-z-1 { 33 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); 34 } 35 36 html /deep/ .paper-shadow-top-z-2 { 37 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); 38 } 39 40 html /deep/ .paper-shadow-bottom-z-2 { 41 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3); 42 } 43 44 html /deep/ .paper-shadow-top-z-3 { 45 box-shadow: 0 11px 7px 0 rgba(0, 0, 0, 0.19); 46 } 47 48 html /deep/ .paper-shadow-bottom-z-3 { 49 box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3); 50 } 51 52 html /deep/ .paper-shadow-top-z-4 { 53 box-shadow: 0 14px 12px 0 rgba(0, 0, 0, 0.17); 54 } 55 56 html /deep/ .paper-shadow-bottom-z-4 { 57 box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3); 58 } 59 60 html /deep/ .paper-shadow-top-z-5 { 61 box-shadow: 0 17px 17px 0 rgba(0, 0, 0, 0.15); 62 } 63 64 html /deep/ .paper-shadow-bottom-z-5 { 65 box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3); 66 }
