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

Zeanium UI Framework for React.js

@color-default: #3FA9F5;
@color-primary: #337ab7;
@color-success: #5cb85c;
@color-info:    #5bc0de;
@color-warning: #f0ad4e;
@color-danger:  #d9534f;


.rt-color(@color: @color-default){
    border: 1px solid @color;
    background-color: @color;
}

.rt-message{
    &.c-default {
        position: fixed;
        font-size: 1.6rem;
        text-align: center;
        right: 10px;
        bottom: 10px;
        padding: 8px 20px;
        opacity: 0.9;
        min-width: 100px;
        height: auto;
        border-radius: 3px;
        line-height: 30px;
        font-weight: bold;
        color: #FFF;
        &.default{
            .rt-color(@color-default);
        }
        &.primary{
            .rt-color(@color-primary);
        }
        &.success{
            .rt-color(@color-success);
        }
        &.info{
            .rt-color(@color-info);
        }
        &.warning{
            .rt-color(@color-warning);
        }
        &.danger{
            .rt-color(@color-danger);
        }
    }
}