107 lines
2.2 KiB
SCSS
107 lines
2.2 KiB
SCSS
.nav{
|
|
|
|
&.nav-tabs{
|
|
> li{
|
|
|
|
&.active > a {
|
|
&,
|
|
&:hover,
|
|
&:focus {
|
|
background-color: #f4f7f6;
|
|
color: $font-color;
|
|
}
|
|
}
|
|
|
|
> a {
|
|
color: inherit;
|
|
font-weight: $font-weight-600;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
background-color: #f5f5f5;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&.nav-tabs-new{
|
|
> li{
|
|
|
|
> a {
|
|
color: $grey-600;
|
|
@extend .m-r-5;
|
|
border: 1px solid $grey-300;
|
|
border-radius: .25rem;
|
|
padding:5px 15px;
|
|
background-color: transparent;
|
|
|
|
@include transition(all .3s ease-in-out);
|
|
&:hover{
|
|
@include box-shadow(0 5px 10px 0 rgba(0,0,0,0.2));
|
|
}
|
|
&.active{
|
|
border: 1px solid $grey-400;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&.nav-tabs-new2{
|
|
border-bottom: 1px solid $grey-300;
|
|
> li{
|
|
|
|
> a {
|
|
color: $grey-600;
|
|
padding: 7px 20px;
|
|
@extend .m-r-5;
|
|
background-color: transparent;
|
|
border-bottom: transparent;
|
|
font-size: 15px;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
color: $color-primary;
|
|
border-bottom: 2px solid $color-primary !important;
|
|
}
|
|
&.active{
|
|
border-bottom: 2px solid $color-primary !important;
|
|
background-color: transparent;
|
|
color: $color-primary;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.tab-content{
|
|
@extend .m-t-10;
|
|
}
|
|
|
|
.nav-pills{
|
|
|
|
> li{
|
|
|
|
&.active > a {
|
|
&,
|
|
&:hover,
|
|
&:focus {
|
|
background-color: #efefef;
|
|
color: $font-color;
|
|
}
|
|
}
|
|
|
|
> a {
|
|
color: inherit;
|
|
}
|
|
}
|
|
}
|
|
|
|
.nav-tabs-colored > li.active > a {
|
|
&,
|
|
&:hover,
|
|
&:focus {
|
|
background-color: #f5f5f5;
|
|
color: $font-color;
|
|
}
|
|
}
|