third_party/polymer/components-chromium/paper-shadow/paper-shadow.css

   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: 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 }