web-apps/apps/common/main/resources/less/tabbar.less
2020-12-17 11:16:45 +03:00

61 lines
1.4 KiB
Plaintext

.nav-tabs {
white-space: nowrap;
overflow: hidden;
> li {
float: none;
display: inline-block;
&.active {
> span, > span:hover, > span:focus {
background-color: var(--background-normal);
color: var(--text-normal);
border-color: var(--background-normal);
cursor: pointer;
}
}
&:not(.dragged) {
transition: left .2s;
}
> span {
display: inline;
background-color: var(--background-toolbar);
color: var(--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: var(--background-toolbar);
border-color: var(--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;
}
}
}
}