.nav-pills {
&.flex-column li > a { margin-bottom: 15px; } &.nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link { margin-right: 10px; margin-bottom: 5px; } &:not(.nav-pills-icons):not(.nav-pills-just-icons) .nav-item .nav-link { border-radius: $btn-round-radius; } &.nav-pills-just-icons .nav-item .nav-link { border-radius: 50%; height: 80px; max-width: 80px; min-width: auto; padding: 0; width: 80px; .tim-icons { font-size: 24px; line-height: 80px; } } .nav-item { .nav-link{ padding: 0 15.5px; text-align: center; padding: $padding-btn-vertical $padding-round-horizontal; min-width: 100px; font-weight: $font-weight-normal; color: rgba($white,0.5); background-color: darken($black,5%); &:hover{ background-color: darken($black,10%); } &.active{ &, &:focus, &:hover{ background-color: $dark-gray; color: $white; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); } } &.disabled, &:disabled, &[disabled]{ opacity: .5; } } i{ display: block; font-size: 24px; line-height: 60px; } } &.nav-pills-neutral{ .nav-item { .nav-link{ background-color: $opacity-2; color: $white; &.active{ &, &:focus, &:hover{ background-color: $white; color: $primary; } } } } } &.nav-pills-primary{ .nav-item { .nav-link.active{ &, &:focus, &:hover{ @include diagonal-gradient($primary, $primary-states); } } } } &.nav-pills-info{ .nav-item { .nav-link.active{ &, &:focus, &:hover{ @include diagonal-gradient($info, $info-states); } } } } &.nav-pills-success{ .nav-item { .nav-link.active{ &, &:focus, &:hover{ @include diagonal-gradient($success, $success-states); } } } } &.nav-pills-warning{ .nav-item { .nav-link.active{ &, &:focus, &:hover{ @include diagonal-gradient($warning, $warning-states); } } } } &.nav-pills-danger{ .nav-item { .nav-link.active{ &, &:focus, &:hover{ @include diagonal-gradient($danger, $danger-states); } } } }
} .tab-space{
padding: 20px 0 50px 0px;
}
.tab-content{
&.tab-subcategories{ margin-top: 20px; background-color: $transparent-bg; padding-left: 15px; padding-right: 15px; } .tab-pane{ color: rgba($white,0.5); }
}
.nav-align-center{
text-align: center; .nav-pills{ display: inline-flex; }
}