/*--------------------------------------------------------------------------*\
    Image in menu item link
\*--------------------------------------------------------------------------*/

.sidebar__menu-image {
    /*box*/
    width: 20px;

    /*transition*/
    -webkit-transition: -webkit-filter 0.3s;
    transition: filter 0.3s;
}

/*--------------------------------------------------------------------------*\
        Is-active & hover (common to all styles)
\*--------------------------------------------------------------------------*/

.sidebar__menu-link:not(.is-active):hover .sidebar__menu-image,
.sidebar__menu-link.is-active .sidebar__menu-image{
    /*box*/
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}