/*------------------------------------*\
    #BOX
\*------------------------------------*/

$box-border-color: $border-color !default;

$box-padding: $spacing-unit ($spacing-unit * 2) !default;

.box {
    margin-bottom: $spacing-unit * 2;
    border: 1px solid $box-border-color;
    border-radius: 5px;

    .box {
        border: 0;
    }
}


    .box__header {
        @extend %clearfix;
        padding: $box-padding;
        border-bottom: 1px solid $box-border-color;

        .box .box & {
            border-bottom: 0;
        }
    }

        /**
         * 1. approximate the height of a button
         */
        .box__heading {
            margin-bottom: 0;
            line-height: 1.25; /* [1] */
        }

        .box__action {
            float: right;
        }


    .box__body {
        padding: $box-padding;
    }