@mixin sidebar-background-color($background-color, $font-color){ &:after, &:before{ background-color: $background-color; } .logo{ border-bottom: 1px solid rgba($font-color,.3); p{ color: $font-color; } .simple-text{ color: $font-color; } } .nav{ li:not(.active){ > a{ color: #b6c3cc; } } .divider{ background-color: rgba($font-color,.2); } } } @mixin sidebar-active-color($font-color){ .nav{ li{ &.active > a{ color: $font-color; opacity: 1; } } } }