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="../../polymer/polymer.html"> 12 <link rel="import" href="../../paper-material/paper-material.html"> 13 <link rel="import" href="../paper-button-behavior.html"> 14 15 <dom-module id="paper-button"> 16 17 <style> 18 19 :host { 20 display: inline-block; 21 position: relative; 22 background-color: #4285F4; 23 color: #fff; 24 border-radius: 3px; 25 text-transform: uppercase; 26 outline: none; 27 -moz-user-select: none; 28 -ms-user-select: none; 29 -webkit-user-select: none; 30 user-select: none; 31 cursor: pointer; 32 } 33 34 paper-material { 35 border-radius: inherit; 36 padding: 16px; 37 } 38 39 :host([disabled]) { 40 background-color: #888; 41 pointer-events: none; 42 } 43 44 :host([active]), 45 :host([pressed]) { 46 background-color: #3367D6; 47 box-shadow: inset 0 3px 5px rgba(0,0,0,.2); 48 } 49 50 </style> 51 52 <template> 53 54 <paper-material class="content" elevation="[[_elevation]]" animated> 55 <content></content> 56 </paper-material> 57 58 </template> 59 60 <script> 61 62 Polymer({ 63 is: 'paper-button', 64 65 behaviors: [ 66 Polymer.PaperButtonBehavior 67 ] 68 }); 69 70 </script> 71 72 </dom-module> 73
