//
// Component: Card
//
// ========================================================================


// Variables
// ========================================================================

@card-hover-translate-vertical:                0;
@card-default-hover-translate-vertical:        0;
@card-primary-hover-translate-vertical:        0;
@card-secondary-hover-translate-vertical:      0;
@card-overlay-hover-translate-vertical:        0;


// Component
// ========================================================================

.hook-card() {}
.hook-card() when not (@card-hover-translate-vertical = 0),
                  not (@card-default-hover-translate-vertical = 0),
                  not (@card-primary-hover-translate-vertical = 0),
                  not (@card-secondary-hover-translate-vertical = 0),
                  not (@card-overlay-hover-translate-vertical = 0) {
    &:not([uk-parallax]) {
        transition-property: color, background-color, background-size, border-color, box-shadow, transform;
    }
}

// Sections
// ========================================================================

.hook-card-body() {}

.hook-card-header() {}

.hook-card-footer() {}


// Media
// ========================================================================

.hook-card-media() {}

.hook-card-media-top() {}

.hook-card-media-bottom() {}

.hook-card-media-left() {}

.hook-card-media-right() {}


// Title
// ========================================================================

.hook-card-title() {}


// Badge
// ========================================================================

.hook-card-badge() {}


// Hover modifier
// ========================================================================

.hook-card-hover() when not (@card-hover-translate-vertical = 0) {
    transform: translateY(@card-hover-translate-vertical);
}


// Style modifiers
// ========================================================================

.hook-card-default() {}

.hook-card-default-title() {}

.hook-card-default-hover() when not (@card-default-hover-translate-vertical = 0) {
    transform: translateY(@card-default-hover-translate-vertical);
}

.hook-card-default-header() {}

.hook-card-default-footer() {}

//
// Primary
//

.hook-card-primary() {}

.hook-card-primary-title() {}

.hook-card-primary-hover() when not (@card-primary-hover-translate-vertical = 0) {
    transform: translateY(@card-primary-hover-translate-vertical);
}

//
// Secondary
//

.hook-card-secondary() {}

.hook-card-secondary-title() {}

.hook-card-secondary-hover() when not (@card-secondary-hover-translate-vertical = 0) {
    transform: translateY(@card-secondary-hover-translate-vertical);
}

//
// Overlay
//

.hook-card-overlay() {}

.hook-card-overlay-title() {}

.hook-card-overlay-hover() when not (@card-overlay-hover-translate-vertical = 0) {
    transform: translateY(@card-overlay-hover-translate-vertical);
}


// Miscellaneous
// ========================================================================

.hook-card-misc() {}


// Inverse
// ========================================================================

.hook-inverse-card-badge() {}
