@import '../var.styl'

backgroundColor(color = #fff)
    &.primary, &.main 
        background-color $primary-color
        color color
        border-color $primary-color
    &.secondary, &.info
        background-color $secondary-color
        color color
        border-color $secondary-color

    &.gray
        background-color #bbb
        color color
        border-color #bbb
    // &.info
    //     background-color $info-color 
    //     color $info-words-color 
    //     border-color $info-color 
    
    &.success, &.light
        background-color $green-color 
        color $green-words-color
        border-color $green-color
    &.emphasize
        background-color $emphasize-color
        color color
        border-color $emphasize-color
    &.warning, &.yellow
        background-color $yellow-color
        color $yellow-words-color
        border-color $yellow-color
    &.danger, &.red
        background-color $red-color
        color $red-words-color
        border-color $red-color
        &:hover
            color $red-words-color
            border-color $red-color
            background-color #ffbbc3