1/*
2Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
3This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
4The complete set of authors may be found at http://polymer.github.io/AUTHORS
5The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
6Code distributed by Google as part of the polymer project is also
7subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
8*/
9
10:host {
11  display: inline-block;
12  box-sizing: border-box;
13  -moz-box-sizing: border-box;
14  user-select: none;
15  -moz-user-select: none;
16  -webkit-user-select: none;
17  border-radius: 2px;
18  padding: 7px;
19  margin: 2px;
20  vertical-align: middle;
21  font-size: 1rem;
22  cursor: pointer;
23}
24
25:host([disabled]) {
26  opacity: 0.6;
27  pointer-events: none;
28}
29
30:host(.outline) {
31  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
32}
33
34:host(:hover:not([disabled])) {
35  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.1);
36}
37
38:host(.selected:not([disabled])) {
39  background-color: rgba(0, 0, 0, 0.05);
40  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
41}
42
43:host(:active:not([disabled]), .selected:active:not([disabled])) {
44  background-color: rgba(0, 0, 0, 0.05);
45  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12);
46}
47
48:host(.core-dark-theme.outline) {
49  background-color: rgba(200, 200, 200, 0.05);
50  box-shadow: 0 0 0 1px rgba(200, 200, 200, 0.1);
51}
52
53:host(.core-dark-theme:hover) {
54  background-color: rgba(200, 200, 200, 0.05);
55  box-shadow: 0 1px 0 0 rgba(200, 200, 200, 0.12), 0 0 0 1px rgba(200, 200, 200, 0.1);
56}
57
58:host(.core-dark-theme.selected) {
59  background-color: rgba(220, 220, 220, 0.05);
60  box-shadow: inset 0 1px 0 0 rgba(200, 200, 200, 0.05), 0 0 0 1px rgba(200, 200, 200, 0.12);
61}
62
63:host(.core-dark-theme:active, .core-dark-theme.selected:active) {
64  background-color: rgba(200, 200, 200, 0.05);
65  box-shadow: inset 0 1px 0 0 rgba(200, 200, 200, 0.1), 0 0 0 1px rgba(200, 200, 200, 0.12);
66}
67
68core-icon {
69  pointer-events: none;
70}
71
72/* note: this is a polyfill aware selector */
73:host ::content > :not(core-icon) {
74  margin-left: 4px;
75}
76