love/source/atom/ui-template/tabs.less

56 lines
1.1 KiB
Plaintext
Raw Normal View History

2020-04-12 15:54:43 +00:00
.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;
}
}
}
}