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

Zeanium UI Framework for React.js

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

.rt-button-group{
    overflow: hidden;

    &>.rt-button{
        margin: 0rem 0.8rem;
    }

    &>.flex-item{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    &.float-left{
        float: left !important;
        &>*{
            float: left !important;
            margin: 0.3rem 0.5rem;
            &:first-child{
                margin-left: 0rem !important;
            }
        }
    }
    &.float-right{
        float: right !important;
        &>*{
            float: right !important;
            margin: 0.3rem 0.5rem;
            &:last-child{
                margin-right: 0rem !important;
            }
        }
    }
}