/**
 *
 *
 *
 *
 */

@mixin components__card() {
    .card {
        border: 1px solid $crispy__color-primary;

        &__header {
            position: relative;
            margin: 3px;
            padding: 0 0 2px 10px;
            text-shadow: 0 0 3px #000000;

            background: url(
                data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFklEQVQYlWNgIBJIIWFsfCooGEg3AACalwOpdVZM4wAAAABJRU5ErkJggg==
            ) repeat;
            background-color: $crispy__color-primary;

            @include crispy__clearfix();
        }

        &__body {
            margin: 6px 12px;
        }

        &__footer {

        }

        &__close {
            position: absolute;
            height: 100%;
            right: 0;
            border: 1px solid $crispy__color-primary;
            background-color: $crispy__color-background;
            cursor: pointer;
        }
    }
}