one-dark/gtk-3.0/sass/ui/headerbar.scss

77 lines
1.9 KiB
SCSS
Raw Permalink Normal View History

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
}
}
}
}