third_party/polymer/v1_0/components-chromium/paper-styles/classes/shadow.html

   1 <!--
   2 @license
   3 Copyright (c) 2015 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 <style>
  12 .shadow-transition {
  13   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  14 }
  15
  16 .shadow-elevation-2dp {
  17   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
  18               0 1px 5px 0 rgba(0, 0, 0, 0.12),
  19               0 3px 1px -2px rgba(0, 0, 0, 0.2);
  20 }
  21
  22 .shadow-elevation-3dp {
  23   box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
  24               0 1px 8px 0 rgba(0, 0, 0, 0.12),
  25               0 3px 3px -2px rgba(0, 0, 0, 0.4);
  26 }
  27
  28 .shadow-elevation-4dp {
  29   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
  30               0 1px 10px 0 rgba(0, 0, 0, 0.12),
  31               0 2px 4px -1px rgba(0, 0, 0, 0.4);
  32 }
  33
  34 .shadow-elevation-6dp {
  35   box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
  36               0 1px 18px 0 rgba(0, 0, 0, 0.12),
  37               0 3px 5px -1px rgba(0, 0, 0, 0.4);
  38 }
  39
  40 .shadow-elevation-8dp {
  41   box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
  42               0 3px 14px 2px rgba(0, 0, 0, 0.12),
  43               0 5px 5px -3px rgba(0, 0, 0, 0.4);
  44 }
  45
  46 .shadow-elevation-16dp {
  47   box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
  48               0  6px 30px 5px rgba(0, 0, 0, 0.12),
  49               0  8px 10px -5px rgba(0, 0, 0, 0.4);
  50 }
  51
  52 </style>