| Index: pkg/polymer/lib/elements/polymer-ui-icon-button/polymer-ui-icon-button.css
|
| diff --git a/pkg/polymer/lib/elements/polymer-ui-icon-button/polymer-ui-icon-button.css b/pkg/polymer/lib/elements/polymer-ui-icon-button/polymer-ui-icon-button.css
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..ad810d8e3d61a89bfdb03366f181c4e0a89e5758
|
| --- /dev/null
|
| +++ b/pkg/polymer/lib/elements/polymer-ui-icon-button/polymer-ui-icon-button.css
|
| @@ -0,0 +1,60 @@
|
| +/*
|
| +Copyright 2013 The Polymer Authors. All rights reserved.
|
| +Use of this source code is governed by a BSD-style
|
| +license that can be found in the LICENSE file.
|
| +*/
|
| +:host {
|
| + display: inline-block;
|
| + box-sizing: border-box;
|
| + -moz-box-sizing: border-box;
|
| + width: 38px;
|
| + height: 38px;
|
| + background-image: none;
|
| + border-radius: 2px;
|
| + padding: 7px;
|
| + margin: 2px;
|
| + vertical-align: middle;
|
| + cursor: pointer;
|
| +}
|
| +
|
| +:host(.outline:host) {
|
| + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
|
| +}
|
| +
|
| +:host(:hover:host) {
|
| + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.1);
|
| +}
|
| +
|
| +:host(.selected:host) {
|
| + background-color: rgba(0, 0, 0, 0.05);
|
| + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
|
| +}
|
| +
|
| +:host(:active:host, .selected:active:host) {
|
| + background-color: rgba(0, 0, 0, 0.05);
|
| + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12);
|
| +}
|
| +
|
| +:host(.polymer-ui-dark-theme.outline:host) {
|
| + background-color: rgba(200, 200, 200, 0.05);
|
| + box-shadow: 0 0 0 1px rgba(200, 200, 200, 0.1);
|
| +}
|
| +
|
| +:host(.polymer-ui-dark-theme:hover:host) {
|
| + background-color: rgba(200, 200, 200, 0.05);
|
| + box-shadow: 0 1px 0 0 rgba(200, 200, 200, 0.12), 0 0 0 1px rgba(200, 200, 200, 0.1);
|
| +}
|
| +
|
| +:host(.polymer-ui-dark-theme.selected:host) {
|
| + background-color: rgba(220, 220, 220, 0.05);
|
| + box-shadow: inset 0 1px 0 0 rgba(200, 200, 200, 0.05), 0 0 0 1px rgba(200, 200, 200, 0.12);
|
| +}
|
| +
|
| +:host(.polymer-ui-dark-theme:active:host, .polymer-ui-dark-theme.selected:active:host) {
|
| + background-color: rgba(200, 200, 200, 0.05);
|
| + box-shadow: inset 0 1px 0 0 rgba(200, 200, 200, 0.1), 0 0 0 1px rgba(200, 200, 200, 0.12);
|
| +}
|
| +
|
| +polymer-ui-icon {
|
| + display: block !important;
|
| +}
|
|
|