// Default color
.primary when (@colors) {
    color : @primary-bg;

    a&:hover {
        color : darken(@primary-bg, 15%);
    }
}
.success when (@color-success) and (@colors) {
    color : @brand-success;

    a&:hover {
        color : darken(@brand-success, 15%);
    }
}
.warning when (@color-warning) and (@colors) {
    color : @brand-warning;

    a&:hover {
        color : darken(@brand-warning, 15%);
    }
}
.error when (@color-error) and (@colors) {
    color : @brand-error;

    a&:hover {
        color : darken(@brand-error, 15%);
    }
}
.info when (@color-info) and (@colors) {
    color : @brand-info;

    a&:hover {
        color : darken(@brand-info, 15%);
    }
}
// Company brand colors
.seosamba{
    &-color{
        color : @brand-seosamba;

        a&:hover{
            color : darken(@brand-seosamba, 15%);
        }
    }

    &-bg{
        color            : #fff;
        background-color : @brand-seosamba;
    }
}
.seotoaster{
    &-color{
        color : @brand-seotoaster;

        a&:hover{
            color : darken(@brand-seotoaster, 15%);
        }
    }
    &-bg{
        color            : #fff;
        background-color : @brand-seotoaster;
    }
}
// Default backgound color
.primary-bg when (@colors) {
    background-color : @primary-bg;
    color            : @primary-color;
}
.success-bg when (@color-success) and (@colors) {
    background-color : @brand-success;
    color            : #fff;
}
.warning-bg when (@color-warning) and (@colors) {
    background-color : @brand-warning;
    color            : #fff;
}
.error-bg when (@color-error) and (@colors) {
    background-color : @brand-error;
    color            : #fff;
}
.info-bg when (@color-info) and (@colors) {
    background-color : @brand-info;
    color            : #fff;
}

// Sizes
.larger when (@size-larger) and (@sizes) { font-size : @font-size-larger; }
.large when (@size-large) and (@sizes) { font-size : @font-size-large; }
.small when (@size-small) and (@sizes) { font-size : @font-size-small; }
.mini when (@size-small) and (@sizes) { font-size : @font-size-mini; }

.uppercase { text-transform: uppercase; }
.lowecase { text-transform: lowercase; }

code {
    padding    : 1px 5px;
    background : #f7f7f7;
    border     : 1px solid #ddd;
    color      : @brand-error;
}
// Link
.disabled when (@link-disabled = true) and (@colors = true){
    pointer-events : none;
    cursor         : default;
    color          : @brand-disabled;
}