ASCII text
1
/* Looking Glass */
2
@use "../../../../theme";
4
@use "../../../../theme-color";
5
@use "../../../../shadow";
6
@use "../../gnome-shell";
7
@use "../../typography";
8
@use "../base/button";
9
@use "../base/entry";
10
// Dialog
12
#LookingGlassDialog {
13
spacing: 0;
14
padding: 0;
15
border: 0;
16
border-radius: theme.$corner-radius;
17
box-shadow: shadow.$z8;
18
background-color: theme-color.$surface-z8;
19
color: theme-color.$on-surface;
20
& > #Toolbar {
22
padding: 0 8px;
23
border: 0;
24
border-radius: 0;
25
box-shadow: inset 0 -1px theme-color.divider(theme-color.$on-surface);
26
background-color: rgba(theme-color.$surface-z8, .01);
27
}
28
.labels {
30
spacing: 0;
31
}
32
.notebook-tab {
34
-natural-hpadding: 12px;
35
-minimum-hpadding: 6px;
36
transition-duration: theme.$state-duration;
37
min-height: theme.$medium-size;
38
padding-left: 16px * 2;
39
padding-right: 16px * 2;
40
border: 0;
41
color: theme-color.hint(theme-color.$on-surface);
42
font-weight: bold;
43
&:hover {
45
background-color: theme-color.hover-overlay(theme-color.$on-surface);
46
color: theme-color.hint(theme-color.$on-surface);
47
text-shadow: none;
48
}
49
&:active {
51
transition-duration: theme.$ripple-duration;
52
background-color: theme-color.pressed-overlay(theme-color.$on-surface);
53
}
54
&:selected {
56
border: 0;
57
box-shadow: inset 0 -2px theme-color.$primary;
58
background-color: rgba(theme-color.$surface-z8, .01);
59
color: theme-color.$on-surface;
60
text-shadow: none;
61
}
62
}
63
StBoxLayout#EvalBox {
65
padding: 8px;
66
spacing: 4px;
67
}
68
StBoxLayout#ResultsArea {
70
spacing: 4px;
71
}
72
}
73
.lg-dialog {
75
StEntry {
76
@extend %entry;
77
}
78
.shell-link {
80
&,
81
&:hover,
82
&:active {
83
color: theme-color.$primary;
84
}
85
}
86
@if gnome-shell.$version >= 3.38 {
88
.actor-link {
89
&,
90
&:hover,
91
&:active {
92
color: inherit;
93
}
94
}
95
}
96
}
97
.lg-completions-text {
99
font-size: 1em;
100
font-style: italic;
101
}
102
.lg-obj-inspector-title {
104
spacing: 4px;
105
}
106
.lg-obj-inspector-button {
108
@extend %button;
109
&,
111
&:hover {
112
border: 0;
113
}
114
}
115
// Windows
117
#Windows {
118
padding: 8px;
119
}
120
// Extensions
122
#lookingGlassExtensions {
123
padding: 8px;
124
}
125
.lg-extensions-list {
127
padding: 0;
128
spacing: 6px;
129
}
130
.lg-extension {
132
padding: 4px;
133
border: 0;
134
border-radius: 0;
135
background-color: transparent;
136
}
137
.lg-extension-name {
139
@include typography.headline6;
140
}
141
.lg-extension-meta {
143
spacing: 6px;
144
}
145
// Inspector
147
#LookingGlassPropertyInspector {
148
padding: 6px;
149
border: 0;
150
border-radius: theme.$corner-radius;
151
box-shadow: shadow.$z8;
152
background-color: theme-color.$surface-z8;
153
color: theme-color.$on-surface;
154
}
155