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