web-apps/apps/common/main/resources/less/tabbar.less
2019-11-27 12:15:39 +03:00

61 lines
1.3 KiB
Plaintext

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