Penambahan FrontEnd All-New-Manufacture
This commit is contained in:
112
public/scss/components/ui/_ui-tab.scss
Normal file
112
public/scss/components/ui/_ui-tab.scss
Normal file
@@ -0,0 +1,112 @@
|
||||
.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);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user