OLD | NEW |
| (Empty) |
1 <!-- | |
2 Copyright 2014 The Chromium Authors. All rights reserved. | |
3 Use of this source code is governed by a BSD-style license that can be | |
4 found in the LICENSE file. | |
5 --> | |
6 | |
7 <link rel="import" href="../bower_components/paper-button/paper-button.html"> | |
8 | |
9 <polymer-element name="ct-button" attributes="label" noscript> | |
10 <template> | |
11 <style> | |
12 :host { | |
13 display: flex; | |
14 flex-direction: column; | |
15 } | |
16 | |
17 paper-button { | |
18 -webkit-user-select: none; | |
19 background: #f5f5f5; | |
20 border-radius: 2px; | |
21 border: 1px solid #dcdcdc; | |
22 color: #444; | |
23 padding: 6px 22px; | |
24 text-align: center; | |
25 } | |
26 | |
27 paper-button:focus { | |
28 border: 1px solid #4d90fe; | |
29 outline: none; | |
30 } | |
31 | |
32 paper-button:active { | |
33 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); | |
34 } | |
35 | |
36 paper-button:active, paper-button:hover { | |
37 background: #f8f8f8; | |
38 border-color: #c6c6c6; | |
39 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); | |
40 color: #222; | |
41 } | |
42 </style> | |
43 <paper-button>{{ label }}</paper-button> | |
44 </template> | |
45 </polymer-element> | |
OLD | NEW |