| Index: pkg/polymer/lib/elements/polymer-ui-menu-item/polymer-ui-menu-item.css
|
| diff --git a/pkg/polymer/lib/elements/polymer-ui-menu-item/polymer-ui-menu-item.css b/pkg/polymer/lib/elements/polymer-ui-menu-item/polymer-ui-menu-item.css
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..5bc39dbbd1905eac0861fb442b7994bd081366de
|
| --- /dev/null
|
| +++ b/pkg/polymer/lib/elements/polymer-ui-menu-item/polymer-ui-menu-item.css
|
| @@ -0,0 +1,81 @@
|
| +/*
|
| +Copyright 2013 The Toolkitchen 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: block;
|
| + position: relative;
|
| + box-sizing: border-box;
|
| + -moz-box-sizing: border-box;
|
| + height: 40px;
|
| + line-height: 35px;
|
| + font-size: 16px;
|
| + padding: 0 10px;
|
| + border: 1px solid transparent;
|
| + border-radius: 3px;
|
| + white-space: nowrap;
|
| + cursor: pointer;
|
| + opacity: 0.5;
|
| +}
|
| +
|
| +:host(:hover:host) {
|
| + opacity: 0.9;
|
| +}
|
| +
|
| +:host(.polymer-selected:host, [active]:host) {
|
| + opacity: 1;
|
| +}
|
| +
|
| +:host(.polymer-ui-light-theme.polymer-selected:host, .polymer-ui-light-theme[active]:host) {
|
| + background: #f2f2f2;
|
| + border: 1px solid rgba(0, 0, 0, 0.15);
|
| +}
|
| +
|
| +:host(.polymer-ui-dark-theme:host) {
|
| + color: #b3b3b3;
|
| +}
|
| +
|
| +:host(.polymer-ui-dark-theme:hover:host) {
|
| + color: rgba(255, 255, 255, 0.9);
|
| +}
|
| +
|
| +:host(.polymer-ui-dark-theme.polymer-selected:host, .polymer-ui-dark-theme[active]:host) {
|
| + background-color: #000;
|
| + border: 1px solid rgba(255, 255, 255, 0.2);
|
| + color: rgba(255, 255, 255, 0.9);
|
| +}
|
| +
|
| +:host([active].no-active-bg:host) {
|
| + background-color: transparent;
|
| + border: 1px solid transparent;
|
| +}
|
| +
|
| +/* icon and label */
|
| +polymer-ui-icon:not([showing]) {
|
| + display: none !important;
|
| +}
|
| +
|
| +polymer-ui-icon {
|
| + margin-right: 16px;
|
| +}
|
| +
|
| +#label {
|
| + vertical-align: middle;
|
| + padding-right: 20px;
|
| +}
|
| +
|
| +/*@polyfill :host #label > a, #link */
|
| +::content > a, #link {
|
| + position: absolute;
|
| + top: 0;
|
| + right: 0;
|
| + bottom: 0;
|
| + left: 0;
|
| + margin: -1px;
|
| +}
|
| +
|
| +#link[hidden] {
|
| + display: none;
|
| +}
|
|
|