blob: a693bf41135a4e07e68d2cdb8c4ea4ea154a2734 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
.connect-page__breather {
margin-block-start: calc(var(--base-unit) * 6);
}
/*
* +--------+----------------------+
* | USB | |<button> |
* +--------+ | |
* | status | | |
* +--------+----------------------+
*/
.connect-page__usb-section__heading {
display: grid;
align-items: center;
grid-template-areas: "title . toggle"
"status . toggle";
grid-template-columns: auto 1fr auto;
grid-column-gap: calc(var(--base-unit) * 2);
grid-row-gap: var(--base-unit);
}
.connect-page__usb-section__heading__toggle {
grid-area: toggle;
}
.connect-page__usb-section__heading__title {
grid-area: title;
line-height: 1;
}
.connect-page__usb-section__heading__status {
grid-area: status;
line-height: 1;
font-size: var(--caption-20-font-size);
font-weight: var(--caption-20-font-weight);
color: var(--secondary-text-color);
}
.connect-page__troubleshoot {
font-size: var(--body-10-font-size);
font-weight: var(--body-10-font-weight);
margin-block-start: calc(var(--base-unit) * 2);
}
.connect-page__troubleshoot--network {
padding-inline: calc(var(--base-unit) * 6);
}
|
