web-apps/apps/common/main/resources/less/tabbar.less
2020-12-16 22:39:42 +03:00

61 lines
1.3 KiB
Plaintext

.nav-tabs {
white-space: nowrap;
overflow: hidden;
> li {
float: none;
display: inline-block;
&.active {
> span, > span:hover, > span:focus {
background-color: @background-normal;
color: @text-normal;
border-color: @background-normal;
cursor: pointer;
}
}
&:not(.dragged) {
transition: left .2s;
}
> span {
display: inline;
background-color: @background-toolbar;
color: @text-secondary;
padding-top: 0;
padding-bottom: 0;
white-space: pre;
text-align: center;
&::after {
content: attr(title);
font-weight: bold;
display: block;
}
&:hover, &:focus {
background-color: @background-toolbar;
border-color: @background-toolbar;
cursor: pointer;
}
}
}
&.bottom {
border-bottom: none;
border-top: none;
> li {
vertical-align: middle;
> span {
padding-bottom: 1px;
border-radius: 0 0 4px 4px;
}
}
}
}