117 lines
2.3 KiB
SCSS
Raw Normal View History

2021-04-08 22:59:05 +08:00
/* Looking Glass */
// Dialog
2020-12-27 18:33:02 +08:00
#LookingGlassDialog {
background-color: $base_color;
spacing: 4px;
padding: 0;
border: none;
border-radius: $bt_radius;
2020-12-30 19:51:58 +08:00
box-shadow: 0 3px 8px 0 rgba(black, 0.25);
2020-12-27 18:33:02 +08:00
color: $fg_color;
& > #Toolbar {
padding: 0 8px;
border: none;
border-radius: 0;
background-color: rgba($base_color, 0.01);
box-shadow: inset 0 -1px 0 $borders_color;
}
.labels { spacing: 0; }
.notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
font-weight: bold;
color: $hint_fg_color;
padding-left: 16px;
padding-right: 16px;
min-height: $medium_size;
2021-04-21 12:29:03 +08:00
padding: 0 32px;
transition-duration: 100ms;
2020-12-27 18:33:02 +08:00
&:hover {
box-shadow: inset 0 -2px 0px $track_color;
color: $fg_color;
text-shadow: none;
}
&:selected {
border-bottom-width: 0;
border-color: transparent;
background-color: rgba($base_color, 0.01);
box-shadow: inset 0 -2px 0px $light_alt_fg_color;
color: $fg_color;
text-shadow: none;
}
}
StBoxLayout#EvalBox { padding: 4px; spacing: 4px; }
StBoxLayout#ResultsArea { spacing: 4px; }
}
.lg-dialog {
StEntry {
2021-04-08 22:59:05 +08:00
min-height: 22px;
2020-12-27 18:33:02 +08:00
selection-background-color: $primary_color;
selected-color: $light_alt_fg_color;
}
.shell-link {
color: $link_color;
2021-04-08 22:59:05 +08:00
&:hover { color: lighten($link_color, 10%); }
&:active { color: darken($link_color, 10%); }
}
.actor-link {
color: $alt_fg_color;
&:hover { color: lighten($alt_fg_color, 20%); }
&:active { color: darken($alt_fg_color, 20%); }
2020-12-27 18:33:02 +08:00
}
}
.lg-completions-text {
2021-04-08 22:59:05 +08:00
font-size: .9em;
font-style: italic;
2020-12-27 18:33:02 +08:00
}
.lg-obj-inspector-title {
2021-04-08 22:59:05 +08:00
spacing: $base_spacing;
2020-12-27 18:33:02 +08:00
}
.lg-obj-inspector-button {
padding: 0 16px;
border: none;
border-radius: $bt_radius;
@include font(button);
2021-04-08 22:59:05 +08:00
2020-12-27 18:33:02 +08:00
&:hover { border: none; }
}
2021-04-08 22:59:05 +08:00
// Extensions
2020-12-27 18:33:02 +08:00
#lookingGlassExtensions { padding: 4px; }
.lg-extensions-list {
2021-04-08 22:59:05 +08:00
padding: 4px;
spacing: 6px;
2020-12-27 18:33:02 +08:00
}
.lg-extension {
border: none;
border-radius: $bt_radius;
padding: 4px;
}
.lg-extension-name {
2021-04-08 22:59:05 +08:00
font-weight: bold;
2020-12-27 18:33:02 +08:00
}
.lg-extension-meta {
2021-04-08 22:59:05 +08:00
spacing: 6px;
2020-12-27 18:33:02 +08:00
}
2021-04-08 22:59:05 +08:00
// Inspector
2020-12-27 18:33:02 +08:00
#LookingGlassPropertyInspector {
background: $base_color;
border: none;
border-radius: $bt_radius;
padding: 6px;
2020-12-30 19:51:58 +08:00
box-shadow: 0 3px 8px 0 rgba(black, 0.25);
2020-12-27 18:33:02 +08:00
}