@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; }
}