// :copyright: Copyright 2012 Martin Pengelly-Phillips
// :license: See LICENSE.txt.

// Common styling
//

.dbootstrap {

    .dijitButtonNode {
        border: none;
    }

    .dijitButtonNode * {
        vertical-align: baseline;
    }

    .dijitButtonNode .dijitIcon {
        // Keeps button heights with and without icons the same
        line-height: $lineHeightBase * 0.65;
    }

    .dijitButton .dijitButtonNode,
    .dijitDropDownButton .dijitButtonNode,
    .dijitComboButton .dijitButtonNode,
    .dijitToggleButton .dijitButtonNode {
        display: block; // Stretch to fill space
        padding: 6px 14px;
        margin-bottom: 0; // For input.btn
        font-size: $fontSizeBase;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-color: $btnBackground;
        border: 1px solid $btnBorder;
        border-bottom-color: darken($btnBorder, 10%);
        border-radius: 4px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    }

    // Colours
    .primary .dijitButtonNode,
    .btn-primary .dijitButtonNode {
        background-color: $btnPrimaryBackground;
        border-color: $btnPrimaryBorder;
        color: $btnPrimaryColor;
    }

    .warning .dijitButtonNode,
    .btn-warning .dijitButtonNode {
        background-color: $btnWarningBackground;
        border-color: $btnWarningBorder;
        color: $btnWarningColor;
    }

    .danger .dijitButtonNode,
    .btn-danger .dijitButtonNode {
        background-color: $btnDangerBackground;
        border-color: $btnDangerBorder;
        color: $btnDangerColor;
    }

    .success .dijitButtonNode,
    .btn-success .dijitButtonNode {
        background-color: $btnSuccessBackground;
        border-color: $btnSuccessBorder;
        color: $btnSuccessColor;
    }

    .info .dijitButtonNode,
    .btn-info .dijitButtonNode {
        background-color: $btnInfoBackground;
        border-color: $btnInfoBorder;
        color: $btnInfoColor;
    }

    .inverse .dijitButtonNode,
    .btn-inverse .dijitButtonNode {
        background-color: $btnInverseBackground;
        border-color: $btnInverseBorder;
        color: $btnInverseColor;
    }

    // Hover
    .dijitButtonHover .dijitButtonNode,
    .dijitDropDownButtonHover .dijitButtonNode,
    .dijitComboButton .dijitButtonNodeHover,
    .dijitComboButton .dijitDownArrowButtonHover,
    .dijitToggleButtonHover .dijitButtonNode {
        text-decoration: none;
    }

    // Active - pressed
    .dijitButtonActive .dijitButtonNode,
    .dijitComboButton .dijitButtonNodeActive,
    .dijitToggleButtonActive .dijitButtonNode,
    .dijitToggleButtonChecked .dijitButtonNode {
        background-image: none;
        outline: 0;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    }

    .dijitDropDownButtonActive .dijitButtonNode {
        @extend .dbootstrap .dijitDropDownButtonHover .dijitButtonNode;
    }

    // Disabled
    .dijitButtonDisabled .dijitButtonNode,
    .dijitDropDownButtonDisabled .dijitButtonNode,
    .dijitComboButtonDisabled .dijitButtonNode,
    .dijitToggleButtonDisabled .dijitButtonNode {
        cursor: not-allowed;
        background-image: none;
        opacity: 0.65;
        box-shadow: none;
    }

    .dijitToggleButtonDisabled.dijitToggleButtonChecked .dijitButtonNode {
        box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    }

    // Content
    .dijitButtonText {
        padding: 0 0.3em;
        text-align: center;
    }

    // Arrow
    .dijitArrowButtonInner {
        @extend .dbootstrap .dijitButtonNode .dijitIcon;
        height: auto;
        width: auto;
    }

    .dijitArrowButtonInner:before {
        @extend .dijitIcon:before;
        @extend .icon-caret-down:before;
    }

    .dijitUpArrowButton .dijitArrowButtonInner:before {
        @extend .icon-caret-up:before;
    }

    // Specific Styling
    //

    // Combo Box
    .dijitComboButton td.dijitStretch,
    .dijitComboButton td.dijitArrowButton {
        display: table-cell;
    }

    .dijitComboButton .dijitArrowButton {
        border-left-width: 0;
        padding: 8px 10px;
        border-radius: 0 4px 4px 0;
    }

    .dijitComboButton .dijitArrowButton.dijitHasDropDownOpen {
        @extend .dbootstrap .dijitButtonActive .dijitButtonNode;
    }

    .dijitComboButton .dijitStretch {
        border-radius: 4px 0 0 4px;
    }

    table.dijitComboButton {
        border-collapse: separate;
    }



    // Button sizes
    .btn-lg .dijitButtonNode {
        border-radius: $borderRadiusLarge;
        font-size: $fontSizeLarge;
        line-height: $lineHeightLarge;
        padding: $paddingLargeVertical $paddingLargeHorizontal;
    }
    .btn-sm .dijitButtonNode {
        border-radius: $borderRadiusSmall;
        font-size: $fontSizeSmall;
        line-height: $lineHeightSmall;
        padding: $paddingSmallVertical $paddingSmallHorizontal;
    }
    .btn-xs .dijitButtonNode {
        border-radius: $borderRadiusSmall;
        font-size: $fontSizeSmall;
        line-height: $lineHeightSmall;
        padding: $paddingXsVertical $paddingXsHorizontal;
    }
}