| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 Copyright 2014 The Chromium Authors. All rights reserved. | 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 | 3 Use of this source code is governed by a BSD-style license that can be |
| 4 found in the LICENSE file. | 4 found in the LICENSE file. |
| 5 --> | 5 --><html><head><link rel="import" href="../bower_components/paper-button/paper-b
utton.html"> |
| 6 | 6 |
| 7 <link rel="import" href="../bower_components/paper-button/paper-button.html"> | 7 <dom-module id="ct-button"> |
| 8 | 8 <style> |
| 9 <polymer-element name="ct-button" attributes="label onTap" noscript> | |
| 10 <template> | |
| 11 <style> | |
| 12 :host { | 9 :host { |
| 13 display: flex; | 10 display: flex; |
| 14 flex-direction: column; | 11 flex-direction: column; |
| 15 } | 12 } |
| 16 | 13 |
| 17 paper-button:focus { | 14 paper-button:focus { |
| 18 border: 1px solid #4d90fe; | 15 border: 1px solid #4d90fe; |
| 19 outline: none; | 16 outline: none; |
| 20 } | 17 } |
| 21 | 18 |
| 22 paper-button:active { | 19 paper-button:active { |
| 23 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); | 20 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); |
| 24 } | 21 } |
| 25 | 22 |
| 26 paper-button:active, paper-button:hover { | 23 paper-button:active, paper-button:hover { |
| 27 background: #f8f8f8; | 24 background: #f8f8f8; |
| 28 border-color: #c6c6c6; | 25 border-color: #c6c6c6; |
| 29 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); | 26 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); |
| 30 color: #222; | 27 color: #222; |
| 31 } | 28 } |
| 32 </style> | 29 </style> |
| 33 <paper-button raised on-tap="{{ onTap }}">{{ label }}</paper-button> | 30 <template> |
| 31 <paper-button raised="" on-tap=" onTap ">{{ label }}</paper-button> |
| 34 </template> | 32 </template> |
| 35 </polymer-element> | 33 <script> |
| 34 Polymer({ |
| 35 is: 'ct-button', |
| 36 properties: { |
| 37 label: { notify: true }, |
| 38 onTap: { notify: true } |
| 39 } |
| 40 }); |
| 41 </script> |
| 42 </dom-module> |
| OLD | NEW |