3 Copyright 2013 The Polymer Authors. All rights reserved.
4 Use of this source code is governed by a BSD-style
5 license that can be found in the LICENSE file.
9 <title>paper-button</title>
10 <meta charset="utf-8">
11 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
12 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
13 <script src="../platform/platform.js"></script>
14 <link href="../font-roboto/roboto.html" rel="import">
15 <link href="../core-icons/core-icons.html" rel="import">
16 <link href="paper-button.html" rel="import">
17 <style shim-shadowdom>
19 font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
23 transform: translateZ(0);
24 -webkit-transform: translateZ(0);
25 transform: translateZ(0);
32 display: inline-block;
46 paper-button.colored {
51 paper-button[raisedButton].colored {
55 paper-button[raisedButton].colored.hover:hover {
58 paper-button[raisedButton].colored::shadow #ripple {
61 paper-button[raisedButton].colored::shadow #focusBg {
75 <h1><paper-button></h1>
78 <paper-button label="button"></paper-button>
80 <paper-button class="colored" label="colored"></paper-button>
82 <paper-button disabled label="disabled"></paper-button>
84 <div class="label">flat</div>
88 <paper-button raisedButton label="button"></paper-button>
90 <paper-button raisedButton class="colored" label="colored"></paper-button>
92 <paper-button raisedButton disabled label="disabled"></paper-button>
94 <div class="label">raised</div>
101 <paper-button class="hover" label="button"></paper-button>
103 <paper-button class="colored hover" label="colored"></paper-button>
105 <div class="label">flat + hover state</div>
109 <paper-button raisedButton class="hover" label="button"></paper-button>
111 <paper-button raisedButton class="colored hover" label="colored"></paper-button>
113 <div class="label">raised + hover state</div>
120 <paper-button focused label="button"></paper-button>
122 <paper-button focused class="colored" label="colored"></paper-button>
124 <div class="label">flat + focused</div>
128 <paper-button raisedButton focused label="button"></paper-button>
130 <paper-button raisedButton focused class="colored" label="colored"></paper-button>
132 <div class="label">raised + focused</div>