Contents

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

}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
sadui-0.0.4	scss/sadui/themes/_button.scss