.nav-tabs { white-space: nowrap; overflow: hidden; > li { float: none; display: inline-block; &.active { > span, > span:hover, > span:focus { background-color: #fff; color: #000; border-color: #fff; cursor: pointer; } } &:not(.dragged) { transition: left .2s; } > span { display: inline; background-color: #7a7a7a; color: #fff; 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: #7a7a7a; border-color: #7a7a7a; cursor: pointer; } } } &.bottom { border-bottom: none; border-top: none; > li { vertical-align: middle; > span { padding-bottom: 1px; border-radius: 0 0 4px 4px; } } } }