@import “../sadui”;

.button-lg {

$base: 0.25em;

padding-top: $base;
padding-bottom: $base;
padding-left: $base*4;
padding-right: $base*4;

text-transform: uppercase;

.button-label {}
.button-icon {}

> * {
    margin-left: ($base);
    &:first-child {
        margin-left: 0;
    }
}

}

.button-md {

padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1.25em;
padding-right: 1.25em;

.button-label {}
.button-icon {}

> * {
    margin-left: (1.25em / 2);
    padding-left: (1.25em / 2);
    border-left: 1px solid $colorWhite;
    &:first-child {
        margin-left: 0;
        padding-left: 0;
        border-left: 0 none;
    }
}

}

.button-sm {

padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;

.button-label {}
.button-icon {}

> * {
    margin-left: (1em / 2);
    &:first-child {
        margin-left: 0;
    }
}

}

.button-default {

background: $colorInactive;

@include box-shadow(rgba($colorWhite, 0.1) 0 2px 3px inset, 
    rgba($colorWhite, 0.1) 1px 0 2px inset, 
    rgba($colorWhite, 0.1) -1px 0 2px inset);

&[type="submit"],
&.is-submit {
    background: $colorInactive;
}

}