Files
backend_parkir/public/scss/components/ui/_ui-tab.scss
2026-01-31 14:23:04 +07:00

113 lines
1.8 KiB
SCSS

.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);
}
}