Home | History | Annotate | Download | only in ui 
      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: 0 16px;
     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="{{ label }}"></paper-button>
     44   </template>
     45 </polymer-element>
     46