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 11html /deep/ paper-shadow, 12html /deep/ paper-animated-shadow { 13 display: block; 14 position: relative; 15} 16 17html /deep/ paper-shadow::shadow #shadow-bottom, 18html /deep/ paper-shadow::shadow #shadow-top { 19 border-radius: inherit; 20 pointer-events: none; 21} 22 23html /deep/ paper-shadow::shadow #shadow-bottom[animated], 24html /deep/ paper-shadow::shadow #shadow-top[animated] { 25 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); 26} 27 28html /deep/ .paper-shadow-top-z-1 { 29 box-shadow: none; 30} 31 32html /deep/ .paper-shadow-bottom-z-1 { 33 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); 34} 35 36html /deep/ .paper-shadow-top-z-2 { 37 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); 38} 39 40html /deep/ .paper-shadow-bottom-z-2 { 41 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3); 42} 43 44html /deep/ .paper-shadow-top-z-3 { 45 box-shadow: 0 11px 7px 0 rgba(0, 0, 0, 0.19); 46} 47 48html /deep/ .paper-shadow-bottom-z-3 { 49 box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3); 50} 51 52html /deep/ .paper-shadow-top-z-4 { 53 box-shadow: 0 14px 12px 0 rgba(0, 0, 0, 0.17); 54} 55 56html /deep/ .paper-shadow-bottom-z-4 { 57 box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3); 58} 59 60html /deep/ .paper-shadow-top-z-5 { 61 box-shadow: 0 17px 17px 0 rgba(0, 0, 0, 0.15); 62} 63 64html /deep/ .paper-shadow-bottom-z-5 { 65 box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3); 66}