react-zeanium-ui-ui/src/ui/NavigationMenu.less

Zeanium UI Framework for React.js

@li-hover-bg: #262626;
@cnm-font-color: #4C4C4C;

.c-navigation-menu{
    width:100%;
    .item-content{
        padding: 3px 0px;
        line-height: 28px;
        cursor: pointer;
        overflow: hidden;
        border-left: 5px solid transparent;
        position: relative;

        &.curr{
            /*
            border-left: 5px solid #0886a0;
            background-color: #ECE9E9 !important;
            color: #0886a0 !important;
            font-weight: bold;
            */
            background:rgba(0,0,0,.05);
            &::after{
                content:" ";
                position:absolute;
                top:0;right:0;width:0px;height:0px;
                margin:.5em 0;border-width:0.5em .7em;
                border-style:solid;
                border-color:transparent white transparent transparent;
            }

        }

        &>.fa{
            margin: 5px;
        }

        &>.ext{
            float: right;
            &:before {
                content: "\f067";
            }
        }
        &:hover{
            background-color: #CCC;
        }
    }

    .item{
        padding-left: 20px;
    }
}