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