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

Zeanium UI Framework for React.js

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

@item-b-color: transparent;
@item-bg-color: #FFFFFF;

@item-hover-b-color: #0C72A5;
@item-select-b-color: #5bc0de;

.rt-list.c-float{
    &.left{
        &>.rt-list-item{
            float: left !important;
        }
    }
    &.right{
        &>.rt-list-item{
            float: right !important;
        }
    }
    &>.rt-list-item{
        padding: 3px 6px;
        &:hover {
            &, * {
                color: #FFFFFF !important;
            }

            background-color: @item-hover-b-color !important;
        }
        &.curr{
            &, * {
                color: #FFFFFF !important;
            }

            background-color: @item-select-b-color;
        }
    }



}