114 lines
2.1 KiB
SCSS
114 lines
2.1 KiB
SCSS
.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;
|
|
color: rgba(0,0,0,.4);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.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 #f4f4f4;
|
|
}
|
|
|
|
.nav-vertical {
|
|
.nav.nav-tabs {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.nav-tabs.flex-column {
|
|
border-right: 0;
|
|
|
|
> li {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.nav-theme-primary, .nav-theme-white, .nav-theme-success, .nav-theme-info, .nav-theme-danger {
|
|
.nav.nav-tabs {
|
|
background: $primary;
|
|
padding-left: 10px;
|
|
border-radius: .15rem;
|
|
box-shadow: $shadow;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.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: $card-border-radius;
|
|
//}
|
|
}
|
|
.nav-theme-success .nav.nav-tabs {
|
|
background: $success;
|
|
}
|
|
.nav-theme-info .nav.nav-tabs {
|
|
background: $info;
|
|
}
|
|
.nav-theme-danger .nav.nav-tabs {
|
|
background: $danger;
|
|
}
|
|
.nav-theme-white {
|
|
.nav.nav-tabs {
|
|
background: #fff;
|
|
}
|
|
|
|
.nav.nav-tabs .nav-item .nav-link {
|
|
color: rgba(0,0,0,.4);;
|
|
}
|
|
|
|
.nav.nav-tabs .nav-item .nav-link.active {
|
|
color: $primary;
|
|
}
|
|
|
|
.nav.nav-tabs .nav-item .nav-link.active:after {
|
|
background: $primary!important;
|
|
}
|
|
}
|