&:backdrop { color: $backdrop_fg_color; }
}
.button { //tab close button
- border: 1px solid transparent;
+ border: 2px solid transparent;
@extend %undecorated_button;
icon-shadow: none;
transition: none;
&:hover {
color: $fg_color;
@include button(hover, $edge: none);
- border-width: 1px;
+ border-width: 2px;
background-image: none;
box-shadow: none;
}
&:active {
@include button(active, $edge: none);
- border-width: 1px;
+ border-width: 2px;
}
- &:backdrop {
+ &:backdrop, &:backdrop:hover {
color: transparentize($backdrop_fg_color,0.7);
border-color: transparent;
- border-width: 1px;
+ border-width: 2px;
}
& > GtkImage { // this is a hack which makes tabs grow
padding: 2px;
.notebook tab.active-page GtkLabel:backdrop, .notebook tab GtkLabel.active-page:backdrop {
color: #000; }
.notebook tab .button {
- border: 1px solid transparent;
+ border: 2px solid transparent;
icon-shadow: none;
transition: none;
color: rgba(0, 0, 0, 0.3); }
background-color: #fff;
border-color: #7f7f7f;
background-image: none;
- border-width: 1px;
+ border-width: 2px;
background-image: none;
box-shadow: none; }
.notebook tab .button:active {
color: white;
background-color: black;
border-color: #7f7f7f;
- border-width: 1px; }
- .notebook tab .button:backdrop {
+ border-width: 2px; }
+ .notebook tab .button:backdrop, .notebook tab .button:backdrop:hover {
color: rgba(0, 0, 0, 0.3);
border-color: transparent;
- border-width: 1px; }
+ border-width: 2px; }
.notebook tab .button > GtkImage {
padding: 2px; }