| Index: third_party/polymer/components/core-icon-button/core-icon-button.css
|
| diff --git a/third_party/polymer/components/core-icon-button/core-icon-button.css b/third_party/polymer/components/core-icon-button/core-icon-button.css
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..60202c36465461a425259bcc45bcb012fcc26e9b
|
| --- /dev/null
|
| +++ b/third_party/polymer/components/core-icon-button/core-icon-button.css
|
| @@ -0,0 +1,75 @@
|
| +/*
|
| +Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
| +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
|
| +The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
| +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
| +Code distributed by Google as part of the polymer project is also
|
| +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
|
| +*/
|
| +
|
| +:host {
|
| + display: inline-block;
|
| + box-sizing: border-box;
|
| + -moz-box-sizing: border-box;
|
| + user-select: none;
|
| + -moz-user-select: none;
|
| + -webkit-user-select: none;
|
| + border-radius: 2px;
|
| + padding: 7px;
|
| + margin: 2px;
|
| + vertical-align: middle;
|
| + font-size: 1rem;
|
| + cursor: pointer;
|
| +}
|
| +
|
| +:host([disabled]) {
|
| + opacity: 0.6;
|
| + pointer-events: none;
|
| +}
|
| +
|
| +:host(.outline) {
|
| + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
|
| +}
|
| +
|
| +:host(:hover:not([disabled])) {
|
| + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.1);
|
| +}
|
| +
|
| +:host(.selected:not([disabled])) {
|
| + 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:not([disabled]), .selected:active:not([disabled])) {
|
| + 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(.core-dark-theme.outline) {
|
| + background-color: rgba(200, 200, 200, 0.05);
|
| + box-shadow: 0 0 0 1px rgba(200, 200, 200, 0.1);
|
| +}
|
| +
|
| +:host(.core-dark-theme:hover) {
|
| + 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(.core-dark-theme.selected) {
|
| + 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(.core-dark-theme:active, .core-dark-theme.selected:active) {
|
| + 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);
|
| +}
|
| +
|
| +core-icon {
|
| + pointer-events: none;
|
| +}
|
| +
|
| +/* note: this is a polyfill aware selector */
|
| +:host ::content > :not(core-icon) {
|
| + margin-left: 4px;
|
| +}
|
|
|