123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- .nav.nav-tabs .nav-item .nav-link.active:after {
- box-shadow: 0 0 2px 0 rgba($primary, 0.5) !important;
- }
- .nav.nav-tabs .nav-item .nav-link {
- font-size: 1rem;
- padding: 17px 14px;
- text-transform: capitalize;
- letter-spacing: 0.045rem;
- }
- .nav-vertical {
- .nav.nav-tabs .nav-item .nav-link {
- padding: 10px 25px;
- }
- .nav.nav-tabs .nav-item .nav-link.active:after {
- top: 1.3rem;
- width: 2.6rem;
- left: -17px;
- right: auto;
- }
- .nav.nav-tabs.nav-left {
- top: 5px;
- }
- .nav.nav-tabs.nav-left ~ .tab-content .tab-pane {
- background-color: transparent;
- }
- }
- .nav-tabs .nav-item {
- margin-bottom: 0;
- }
- .nav.nav-tabs {
- border-bottom: 1px solid #eee;
- }
- .nav-vertical {
- .nav.nav-tabs {
- border-bottom: 0;
- }
- .nav-tabs.flex-column {
- border-right: 0;
- > li {
- border-bottom: 0;
- }
- }
- }
- .nav-theme-primary, .nav-theme-success, .nav-theme-info, .nav-theme-danger {
- .nav.nav-tabs {
- background: $primary;
- padding-left: 10px;
- border-radius: .4rem;
- box-shadow: $shadow;
- }
- .nav.nav-tabs .nav-item .nav-link {
- color: $white50;
- }
- .nav.nav-tabs .nav-item .nav-link.active {
- color: $white;
- }
- .nav.nav-tabs .nav-item .nav-link.active:after {
- background: $white!important;
- }
- .nav-tabs .nav-item {
- margin-bottom: 2px;
- }
- //.tab-content {
- // background: $white;
- // box-shadow: $shadow;
- // margin-bottom: 5px;
- // border-radius: .4rem;
- //}
- }
- .nav-theme-success .nav.nav-tabs {
- background: $success;
- }
- .nav-theme-info .nav.nav-tabs {
- background: $info;
- }
- .nav-theme-danger .nav.nav-tabs {
- background: $danger;
- }
|