ASCII text
1
/* Looking Glass */
2
// Dialog
4
#LookingGlassDialog {
5
spacing: 0;
6
padding: 0;
7
border: 0;
8
border-radius: $corner-radius;
9
box-shadow: $shadow-z8;
10
background-color: $surface-z8;
11
color: $on-surface;
12
& > #Toolbar {
14
padding: 0 8px;
15
border: 0;
16
border-radius: 0;
17
box-shadow: inset 0 -1px divider($on-surface);
18
background-color: rgba($surface-z8, .01);
19
}
20
.labels {
22
spacing: 0;
23
}
24
.notebook-tab {
26
-natural-hpadding: 12px;
27
-minimum-hpadding: 6px;
28
transition-duration: $duration;
29
min-height: $medium-size;
30
padding-left: 16px * 2;
31
padding-right: 16px * 2;
32
border: 0;
33
color: hint($on-surface);
34
font-weight: bold;
35
&:hover {
37
background-color: hover-overlay($on-surface);
38
color: hint($on-surface);
39
text-shadow: none;
40
}
41
&:active {
43
transition-duration: $duration-ripple;
44
background-color: pressed-overlay($on-surface);
45
}
46
&:selected {
48
border: 0;
49
box-shadow: inset 0 -2px $primary;
50
background-color: rgba($surface-z8, .01);
51
color: $on-surface;
52
text-shadow: none;
53
}
54
}
55
StBoxLayout#EvalBox {
57
padding: 8px;
58
spacing: 4px;
59
}
60
StBoxLayout#ResultsArea {
62
spacing: 4px;
63
}
64
}
65
.lg-dialog {
67
StEntry {
68
@extend %entry;
69
}
70
.shell-link {
72
&,
73
&:hover,
74
&:active {
75
color: $primary;
76
}
77
}
78
@if $version >= 3.38 {
80
.actor-link {
81
&,
82
&:hover,
83
&:active {
84
color: inherit;
85
}
86
}
87
}
88
}
89
.lg-completions-text {
91
font-size: 1em;
92
font-style: italic;
93
}
94
.lg-obj-inspector-title {
96
spacing: 4px;
97
}
98
.lg-obj-inspector-button {
100
@extend %button;
101
&,
103
&:hover {
104
border: 0;
105
}
106
}
107
// Windows
109
#Windows {
110
padding: 8px;
111
}
112
// Extensions
114
#lookingGlassExtensions {
115
padding: 8px;
116
}
117
.lg-extensions-list {
119
padding: 0;
120
spacing: 6px;
121
}
122
.lg-extension {
124
padding: 4px;
125
border: 0;
126
border-radius: 0;
127
background-color: transparent;
128
}
129
.lg-extension-name {
131
@include type(headline6);
132
}
133
.lg-extension-meta {
135
spacing: 6px;
136
}
137
// Inspector
139
#LookingGlassPropertyInspector {
140
padding: 6px;
141
border: 0;
142
border-radius: $corner-radius;
143
box-shadow: $shadow-z8;
144
background-color: $surface-z8;
145
color: $on-surface;
146
}
147