[Extensions] Make extension message bubble factory platform-abstract
[chromium-blink-merge.git] / chrome / browser / resources / chromeos / login / pairing_device_list.css
blob9075c99afe93108779a6c7aa3e730e6caffadea0
1 /* Copyright 2014 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file.
4 */
6 /* TODO(dzhioev): support RTL. http://crbug.com/423354 */
8 :host {
9 display: block;
10 overflow: auto;
13 core-selector {
14 display: block;
17 :host([connecting]) {
18 pointer-events: none;
21 core-item {
22 padding-bottom: 22px;
23 padding-top: 22px;
26 /* [icon] is needed to increase specificity. */
27 core-item core-icon[icon] {
28 height: 40px;
29 margin-right: 1em;
30 width: 40px;
33 /* Items separator. */
34 core-item:not(:last-child)::after {
35 background-color: rgba(0, 0, 0, 0.1);
36 bottom: 0;
37 content: '';
38 display: block;
39 height: 1px;
40 left: calc(40px + 1em);
41 position: absolute;
42 right: 0;
45 .throbber {
46 display: none;
49 :host([connecting]) core-item.core-selected .throbber {
50 background: url(chrome://resources/images/throbber.svg) no-repeat;
51 background-size: cover;
52 display: inline-block;
53 height: 25px;
54 margin-right: 10px;
55 width: 25px;