1<!-- 2@license 3Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 4This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 6The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 7Code distributed by Google as part of the polymer project is also 8subject 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="../iron-button-state.html"> 13<link rel="import" href="../iron-control-state.html"> 14 15<dom-module id="simple-button"> 16 <template> 17 <style> 18 :host { 19 display: inline-block; 20 background-color: #4285F4; 21 color: #fff; 22 min-height: 8px; 23 min-width: 8px; 24 padding: 16px; 25 text-transform: uppercase; 26 border-radius: 3px; 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 :host([disabled]) { 35 opacity: 0.3; 36 pointer-events: none; 37 } 38 39 :host([active]), 40 :host([pressed]) { 41 background-color: #3367D6; 42 box-shadow: inset 0 3px 5px rgba(0,0,0,.2); 43 } 44 </style> 45 46 <content></content> 47 48 </template> 49 50 <script> 51 52 Polymer({ 53 54 behaviors: [ 55 Polymer.IronControlState, 56 Polymer.IronButtonState 57 ], 58 59 hostAttributes: { 60 role: 'button' 61 } 62 }); 63 64 </script> 65 66</dom-module> 67