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

   1 <!--
   2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
   3 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
   4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
   5 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
   6 Code distributed by Google as part of the polymer project is also
   7 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
   8 --><!--
   9
  10 `paper-shadow` is a container that renders two shadows on top of each other to
  11 create the effect of a lifted piece of paper.
  12
  13 Example:
  14
  15     <paper-shadow z="1">
  16       ... card content ...
  17     </paper-shadow>
  18
  19 @group Paper Elements
  20 @class paper-shadow
  21 --><html><head><link href="../polymer/polymer.html" rel="import">
  22
  23 <link href="paper-shadow.css" rel="stylesheet" shim-shadowdom="">
  24
  25 </head><body><polymer-element name="paper-shadow" assetpath="">
  26
  27 <template>
  28
  29   <div id="shadow-bottom" fit="" animated?="[[animated]]" class="paper-shadow-bottom-z-[[z]]"></div>
  30   <div id="shadow-top" fit="" animated?="[[animated]]" class="paper-shadow-top-z-[[z]]"></div>
  31
  32   <content></content>
  33
  34 </template>
  35
  36
  37 </polymer-element>
  38 <script charset="utf-8" src="paper-shadow-extracted.js"></script></body></html>