@import '../../_coreStyles.scss';
$card-vertical-padding: $spacing-20;
$card-footer-padding: $spacing-12;

.bolt-card {
    border-radius: 4px;
    overflow: hidden;
    padding: $card-vertical-padding 0px;

    /* IE11: Take off rounded corners on cards, they cause significant performance impact. */
    @include ie-only {
        border-radius: 0;
    }

    @media screen and (-ms-high-contrast: active) {
        border: solid 1px;
    }
}

/// Apply this class name to a CustomCard which contains a CardHeader.
/// The CardHeader will have the appropriate vertical spacing, so this
/// className will remove the card's default padding-top.
/// @group card|header
.bolt-card-with-header {
    padding-top: 0px;
}

.bolt-card-content {
    overflow: hidden;
}

.bolt-card-footer {
    padding-top: $card-footer-padding;
}

.bolt-card-no-vertical-padding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.bolt-card-white {
    background-color: $calloutBackgroundColor;
}

/// Apply this class name to a card where the only content
/// is a table. The card can still have a Header / Footer,
/// but this class will get the card's padding correct.
/// @group card|table
.bolt-table-card {
    padding-bottom: 0px;
    padding-top: 0px;

    .bolt-card-header {
        padding-bottom: 0px;
    }

    .bolt-card-content {
        padding: 0px;
    }
}