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