2017-08-18 07:26:48 +08:00
|
|
|
@mixin sidebar-background-color($background-color, $font-color){
|
|
|
|
&:after,
|
|
|
|
&:before{
|
|
|
|
background-color: $background-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo{
|
2017-08-22 02:41:24 +08:00
|
|
|
border-bottom: 1px solid rgba($font-color,.3);
|
2017-08-18 07:26:48 +08:00
|
|
|
|
|
|
|
p{
|
|
|
|
color: $font-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.simple-text{
|
|
|
|
color: $font-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav{
|
|
|
|
li:not(.active){
|
|
|
|
> a{
|
2017-08-22 02:06:10 +08:00
|
|
|
color: $font-color;
|
2017-08-18 07:26:48 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
.divider{
|
|
|
|
background-color: rgba($font-color,.2);
|
|
|
|
}
|
2017-08-19 01:02:32 +08:00
|
|
|
|
2017-08-18 07:26:48 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin sidebar-active-color($font-color){
|
|
|
|
.nav{
|
|
|
|
li{
|
|
|
|
&.active > a{
|
|
|
|
color: $font-color;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|