react-zeanium-ui-ui/less/base/list.less

Zeanium UI Framework for React.js

@import "../rt.variables.less";

.rt-list{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    height: auto;
    width: 100%;

    &>.rt-list-item{
        position: relative;
        cursor: pointer;

        -webkit-transition: 0.3s ease-out;
        -moz-transition: 0.3s ease-out;
        -o-transition: 0.3s ease-out;
        transition: 0.3s ease-out;

        &:hover {
            opacity: 0.8;
        }

        &.curr {

        }
    }

    &.no-data {
        display: none;
    }


    &.select-arrow {
        &>.curr{
            background:rgba(0,0,0,.05) !important;
            &::after{
                content:" ";
                position:absolute;
                top:0;
                right:0;
                width:0px;
                height:0px;
                margin:.6em 0;
                border-width:0.5em .7em;
                border-style:solid;
                border-color:transparent white transparent transparent;
            }
        }
    }

}