2021-04-08 22:59:05 +08:00
|
|
|
.window-picker { //container around window thumbnails
|
|
|
|
-horizontal-spacing: 16px;
|
|
|
|
-vertical-spacing: 16px;
|
|
|
|
padding: 0 16px 32px;
|
|
|
|
spacing: 12px;
|
|
|
|
|
|
|
|
&.external-monitor { padding: 16px; }
|
|
|
|
}
|
|
|
|
|
|
|
|
.window-caption {
|
|
|
|
spacing: 25px;
|
|
|
|
color: $light_alt_fg_color;
|
|
|
|
background-color: $dark_bg_color;
|
|
|
|
border-radius: $bt_radius;
|
|
|
|
padding: 4px 8px;
|
|
|
|
border: none;
|
|
|
|
font-weight: normal;
|
|
|
|
@include font(body);
|
|
|
|
}
|
|
|
|
|
|
|
|
.window-clone-border {
|
|
|
|
border: 4px solid $light_track_color;
|
|
|
|
border-radius: $bt_radius;
|
|
|
|
// For window decorations with round corners we can't match
|
|
|
|
// the exact shape when the window is scaled. So apply a shadow
|
|
|
|
// to fix that case
|
|
|
|
box-shadow: inset 0 0 0 1px $light_track_color;
|
|
|
|
}
|
|
|
|
|
2021-04-10 18:05:02 +08:00
|
|
|
$_close_size: 42px;
|
|
|
|
|
2021-04-08 22:59:05 +08:00
|
|
|
//close buttons
|
|
|
|
.window-close {
|
2021-04-10 18:05:02 +08:00
|
|
|
background-size: $_close_size;
|
|
|
|
height: $_close_size;
|
|
|
|
width: $_close_size;
|
2021-04-08 22:59:05 +08:00
|
|
|
-shell-close-overlap: 10px;
|
|
|
|
border-radius: 100px;
|
|
|
|
border: 0 none transparent;
|
|
|
|
background-color: transparent;
|
|
|
|
color: transparent;
|
|
|
|
box-shadow: none;
|
2021-04-10 18:05:02 +08:00
|
|
|
StIcon { icon-size: $_close_size; } // for safety
|
2021-04-08 22:59:05 +08:00
|
|
|
background-image: url("assets/window-close.svg");
|
|
|
|
|
|
|
|
&:hover {
|
2021-04-10 18:05:02 +08:00
|
|
|
background-size: $_close_size;
|
|
|
|
height: $_close_size;
|
|
|
|
width: $_close_size;
|
2021-04-08 22:59:05 +08:00
|
|
|
background-image: url("assets/window-close-hover.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
&:active {
|
2021-04-10 18:05:02 +08:00
|
|
|
background-size: $_close_size;
|
|
|
|
height: $_close_size;
|
|
|
|
width: $_close_size;
|
2021-04-08 22:59:05 +08:00
|
|
|
background-image: url("assets/window-close-active.svg");
|
|
|
|
}
|
|
|
|
}
|