| 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 |