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