ASCII text
1
/* Network Dialogs */
2
.nm-dialog {
3
max-height: 34em;
4
min-height: 31em;
5
min-width: 32em;
6
}
7
.nm-dialog-content {
9
spacing: 20px;
10
padding: 24px;
11
}
12
.nm-dialog-airplane-box {
14
spacing: 12px;
15
}
16
.nm-dialog-airplane-headline {
18
font-weight: bold;
19
text-align: inherit;
20
}
21
.nm-dialog-airplane-text {
23
color: inherit;
24
}
25
// header
27
.nm-dialog-header {
28
@include type(headline6);
29
}
30
.nm-dialog-header-icon {
32
icon-size: 32px;
33
}
34
.nm-dialog-header-hbox {
36
spacing: 10px;
37
}
38
// list of networks
40
.nm-dialog-scroll-view {
41
border: 0;
42
padding: 0;
43
background-color: transparent;
44
}
45
// list item
47
.nm-dialog-item {
48
transition-duration: $duration;
49
padding: 12px;
50
spacing: 20px;
51
border-bottom: 0;
52
border-radius: $corner-radius;
53
font-size: 1em;
54
&:focus {
56
background-color: overlay("focus", $on-surface);
57
}
58
&:hover {
60
background-color: overlay("hover", $on-surface);
61
}
62
&:active {
64
transition-duration: $duration-ripple;
65
background-color: overlay("pressed", $on-surface);
66
}
67
&:selected {
69
background-color: $overlay-selected;
70
color: $on-surface;
71
}
72
}
73
// icons in list
75
.nm-dialog-icon {
76
icon-size: 16px;
77
}
78
.nm-dialog-icons {
80
spacing: .5em;
81
}
82
// no networks
84
.no-networks-label {
85
color: hint($on-surface);
86
}
87
.no-networks-box {
89
spacing: 12px;
90
}
91