added admin interface
This commit is contained in:
106
admin/assets/scss/partials/_tabs.scss
Normal file
106
admin/assets/scss/partials/_tabs.scss
Normal file
@ -0,0 +1,106 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user