// Components
$menu-item-radius: 0;
$menu-item-color: $grey;
$menu-item-hover-color: $primary-invert;
$menu-item-hover-background-color: $primary-dark;

.nav-menu-app {
    
    .menu-list li{
        border-left: 4px solid darken($light, 10);
        a { padding: 1rem; }
    }

    .actived-menu, .menu-list li:hover {
        border-left-color: darken($light, 20%) !important;

        .icon-text {
            background-color: darken($light, 7%) !important;
            color: $dark !important;
        }
    }
}