.nav-tabs{ --bs-nav-tabs-border-color: var(--border); .nav-link{ color: var(--text); } } .nav-pills { .nav-link { border-radius: $radius; padding: 0.75rem 1.25rem; color: var(--text-dark); } } .default-tab{ .nav-link{ background: transparent; border-radius: 0rem; font-weight: 500; border-radius: $radius $radius 0 0; i{ display:inline-block; transform:scale(1.3); color:var(--primary); } &:focus, &:hover, &.active{ color: #495057; background-color: transparent; border-color: var(--border) var(--border) var(--card) var(--border); color:var(--primary); } } } .nav-tabs.style-1{ border:0; border-radius:$radius; background-color:var(--light); padding: 4px; .nav-item{ .nav-link{ border:0; border-radius:$radius; margin: 0; color: var(--text-gray); padding: 0.5rem 1.125rem; font-weight: 500; &.active{ background:var(--primary); color:$white; &:hover{ color:$white; } } &:hover{ color:var(--primary); } } } } .custom-tab-1{ .nav-link{ background: transparent; border-radius: 0rem; font-weight: 500; border-bottom:0.1875rem solid transparent; border-width: 0 0rem 0.1875rem 0; i{ display:inline-block; transform:scale(1.5); color:var(--primary); } &:focus, &:hover, &.active{ color: #495057; background-color: transparent; border-color:var(--primary) ; border-radius:0; color: var(--primary); border-width: 0 0rem 0.1875rem 0; } } } .nav-pills{ &.light{ .nav-link.active, .show > .nav-link{ background:var(--rgba-primary-1); color:var(--primary); box-shadow:none; } } .nav-link.active, .show > .nav-link{ background-color:var(--primary); box-shadow:0 0 1.25rem 0 var(--rgba-primary-2); } }