2022-05-13 18:38:41 +08:00
|
|
|
//
|
|
|
|
// Titlebuttons
|
|
|
|
//
|
|
|
|
headerbar,
|
|
|
|
.titlebar {
|
|
|
|
&.default-decoration button.titlebutton {
|
|
|
|
// no vertical padding for ssd buttons
|
|
|
|
padding-top: 0px; // already handled by the titlebar-padding
|
|
|
|
padding-bottom: 0px;
|
|
|
|
min-width: 22px;
|
|
|
|
min-height: 22px;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
button.titlebutton {
|
|
|
|
$_wm_backdrop_icon_color: lighten($wm_icon_unfocused_bg, 5%);
|
|
|
|
|
2022-07-18 20:07:18 +08:00
|
|
|
min-width: 16px;
|
|
|
|
min-height: 16px;
|
2022-05-13 18:38:41 +08:00
|
|
|
@extend .image-button;
|
|
|
|
|
2022-07-18 20:07:18 +08:00
|
|
|
padding: 4px;
|
2022-05-13 18:38:41 +08:00
|
|
|
margin: 0;
|
|
|
|
transition: none;
|
|
|
|
|
|
|
|
@include button(undecorated);
|
|
|
|
background-color: transparentize($header_bg, 1);
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
@include button(header-hover);
|
|
|
|
}
|
|
|
|
&:active,
|
|
|
|
&:checked {
|
|
|
|
@include button(header-active);
|
|
|
|
}
|
|
|
|
|
|
|
|
&.close,
|
|
|
|
&.maximize,
|
|
|
|
&.minimize {
|
2022-07-18 20:07:18 +08:00
|
|
|
// -gtk-icon-theme: 'Reversal-green-dark';
|
2022-05-13 18:38:41 +08:00
|
|
|
background-color: transparent;
|
2022-07-18 20:07:18 +08:00
|
|
|
background-size: 16px 16px;
|
2022-05-13 18:38:41 +08:00
|
|
|
background-position: center;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
border-width: 0;
|
2022-07-18 20:07:18 +08:00
|
|
|
color: transparent;
|
|
|
|
|
|
|
|
&:backdrop {
|
|
|
|
@include draw_circle($grey_color);
|
|
|
|
}
|
2022-05-13 18:38:41 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
&.close {
|
2022-07-18 20:07:18 +08:00
|
|
|
background-image: -gtk-scaled(url("../metacity-1/mac-close.svg"), url("../metacity-1/mac-close@2x.svg"));
|
2022-05-13 18:38:41 +08:00
|
|
|
|
2022-07-18 20:07:18 +08:00
|
|
|
&:hover,&:active {
|
|
|
|
background-image: -gtk-scaled(url("../metacity-1/mac-close_a.svg"), url("../metacity-1/mac-close_a@2x.svg"));
|
2022-05-13 18:38:41 +08:00
|
|
|
}
|
2022-07-18 20:07:18 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
&.maximize {
|
|
|
|
background-image: -gtk-scaled(url("../metacity-1/mac-max.svg"), url("../metacity-1/mac-max@2x.svg"));
|
|
|
|
|
|
|
|
&:hover,&:active {
|
|
|
|
background-image: -gtk-scaled(url("../metacity-1/mac-max_a.svg"), url("../metacity-1/mac-max_a@2x.svg"));
|
2022-05-13 18:38:41 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.minimize {
|
2022-07-18 20:07:18 +08:00
|
|
|
background-image: -gtk-scaled(url("../metacity-1/mac-min.svg"), url("../metacity-1/mac-min@2x.svg"));
|
|
|
|
|
|
|
|
&:hover,&:active {
|
|
|
|
background-image: -gtk-scaled(url("../metacity-1/mac-min_a.svg"), url("../metacity-1/mac-min_a@2x.svg"));
|
2022-05-13 18:38:41 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|