56 lines
1.1 KiB
Plaintext
56 lines
1.1 KiB
Plaintext
|
.tab-bar {
|
||
|
|
background-color: @tab-bar-background-color;
|
||
|
|
|
||
|
|
.tab {
|
||
|
|
background-color: @background-2;
|
||
|
|
color: @text-color;
|
||
|
|
font-size: @font-size;
|
||
|
|
height: @tab-height;
|
||
|
|
line-height: @tab-height;
|
||
|
|
margin-right: 1px;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
background-color: @background-1;
|
||
|
|
border-bottom: 1px solid @accent-5;
|
||
|
|
color: @accent-5;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.active {
|
||
|
|
background-color: @background-1;
|
||
|
|
border-bottom: 1px solid @accent-7;
|
||
|
|
color: @accent-7;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.modified:not(:hover) .close-icon {
|
||
|
|
top: 50%;
|
||
|
|
right: @component-padding + 4px;
|
||
|
|
margin-top: -3px;
|
||
|
|
border-color: @text-color-info;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.modified:hover .close-icon {
|
||
|
|
color: currentColor;
|
||
|
|
}
|
||
|
|
|
||
|
|
.close-icon:hover {
|
||
|
|
color: @text-color-selected;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.active .close-icon:hover {
|
||
|
|
color: @text-color;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.is-dragging {
|
||
|
|
background: darken(@tab-background-color, 10%);
|
||
|
|
border-color: transparent;
|
||
|
|
opacity: .5;
|
||
|
|
|
||
|
|
& .close-icon {
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|