//----------------------------------------------------------------
//             Buttons
//----------------------------------------------------------------
.uniform-btn{
    @include appearance(none);
    @include user-select(none);
    @include linear-gradient(white, darken(white, 3));
    border:1px solid darken(white, 15);
    border-radius:3pt;
    padding: 6px 12px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height:1;
    color:$gray;

    .fortycon{
        line-height:1em;
        vertical-align:-2px;
        font-size:1.2em;
        margin-right:3px;
    }

    .subtext{
        display:block;
        font-weight:300;
        text-transform:none;
    }

    &:visited{
        color:$gray;
    }

    &:hover, &.hover, &:focus{
        outline:none;
        color:$green-dark;
        border-color:$green;
        background-image:none !important;
    }
    &:active, &.active{
        box-shadow:inset 0 1px 2px rgba(black, 0.2);
        background-image:none !important;
        outline: none;
    }
    &:disabled, &.disabled{
        color:$gray;
        background-image:none !important;
        background:darken(white, 5);
    }
    //----------------------------------------------------------------
    //             styles
    //----------------------------------------------------------------

    &.outline{
        background:none !important;
        text-shadow:none !important;
        &.dashed{
            border-style:dashed;
        }
    }
    &.dashed {
        border-style: dashed;
    }
    &.circle{
        border-radius:2em;
    }
    &.subtle, &.uniform-btn-xs{
        padding: 0.05em 0.5em;
    }
    &.small, &.uniform-btn-sm{
        padding: 0.1em 0.5em;
        font-size: 0.8em;
        vertical-align: top;
        display: inline-block;
    }
    &.large, &.uniform-btn-lg{
        padding: 1.2em 2.4em;
        text-transform:uppercase;
        letter-spacing:1px;
        font-weight:bold;
        font-size: 110%;
        &.form-control{
            padding-top: 0;
            padding-bottom:0;
        }
        .fortycon{
            line-height:0.5em;
            vertical-align:-6px;
            font-size:2em;
            margin-right:7px;
            font-weight:normal;
        }
    }
    &.warn:hover{
        border-color:$red;
        background: $red;
        &.outline{
            color: $red;
        }
    }
    &.block, &.uniform-btn-block{
        padding-left:5px !important;
        padding-right:5px !important;
        display:block;
        width:100%;
    }
    //----------------------------------------------------------------
    //             colors
    //----------------------------------------------------------------
    &.green, &.uniform-btn-primary{
        @include linear-gradient(lighten($green, 5), darken($green, 3));
        border-color:darken($green, 5);
        color:white;
        text-shadow:0 -1px 0 rgba($green-dark, 0.5);
        &.outline{
            color:$green-dark;
            &.inv{
                color:$green-light;
            }
        }
        &:hover, &.hover{
            background:$green-dark;
            border-color:darken($green-dark, 5);
            &.inv{
                border-color:$green-light;
            }
        }
    }
    &.red, &.uniform-btn-danger{
        @include linear-gradient($red, darken($red, 3));
        border-color:darken($red, 5);
        color:white;
        &.outline{
            color:$red-dark;
        }
    }
    &.blue, &.uniform-btn-danger{
        @include linear-gradient($blue, darken($blue, 3));
        border-color:$blue;
        color:white;
        &.outline{
            color:$blue;
        }
    }
    &.white{
        &.outline{
            color:white;
            border-color:white;
        }
    }
    &.warning{
        &.outline{
            &:hover{
                color:$red;
                border-color:$red;
            }
        }
    }
}
span.uniform-btn{
    cursor: auto;
}