Home | History | Annotate | Download | only in paper-material
      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 <link rel="import" href="../paper-styles/shadow.html">
     12 
     13 <dom-module id="paper-material-shared-styles">
     14   <template>
     15     <style>
     16       :host {
     17         display: block;
     18         position: relative;
     19       }
     20 
     21       :host([elevation="1"]) {
     22         @apply(--shadow-elevation-2dp);
     23       }
     24 
     25       :host([elevation="2"]) {
     26         @apply(--shadow-elevation-4dp);
     27       }
     28 
     29       :host([elevation="3"]) {
     30         @apply(--shadow-elevation-6dp);
     31       }
     32 
     33       :host([elevation="4"]) {
     34         @apply(--shadow-elevation-8dp);
     35       }
     36 
     37       :host([elevation="5"]) {
     38         @apply(--shadow-elevation-16dp);
     39       }
     40     </style>
     41   </template>
     42 </dom-module>
     43