react-zeanium-ui-ui/less/button/noborder.less

Zeanium UI Framework for React.js

@import "../rt.variables.less";
@height: 2rem;

.rt-status(@color: @rt-color-default){
    color: @color;
    &:hover{
        opacity: 0.8;
    }
}

.rt-button.c-noborder{
    height: @height;
    line-height: @height;

    .rt-status(@rt-color-default);

    &.default{
        .rt-status(@rt-color-default);
    }

    &.primary{
        .rt-status(@rt-color-primary);
    }

    &.success{
        .rt-status(@rt-color-success);
    }

    &.info{
        .rt-status(@rt-color-info);
    }

    &.warning{
        .rt-status(@rt-color-warning);
    }

    &.danger{
        .rt-status(@rt-color-danger);
    }
}