Current Directory: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit-themes/master/typo
Viewing File: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit-themes/master/typo/card.less
//
// Component: Card
//
// ========================================================================
// Variables
// ========================================================================
//
// New
//
@card-title-font-family: @global-primary-font-family;
@card-title-font-weight: @global-primary-font-weight;
@card-title-text-transform: @global-primary-text-transform;
@card-title-letter-spacing: @global-primary-letter-spacing;
@card-title-font-style: @global-primary-font-style;
@card-badge-color: @global-color;
@card-badge-font-size: @global-font-size;
@card-badge-font-family: @global-secondary-font-family;
@card-badge-font-weight: @global-secondary-font-weight;
@card-badge-text-transform: @global-secondary-text-transform;
@card-badge-letter-spacing: @global-secondary-letter-spacing;
// Component
// ========================================================================
.hook-card() {}
// 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() {}
.hook-card-title() when not (@card-title-font-family = inherit) {
font-family: @card-title-font-family;
}
.hook-card-title() when not (@card-title-font-weight = inherit) {
font-weight: @card-title-font-weight;
}
.hook-card-title() when not (@card-title-text-transform = inherit) {
text-transform: @card-title-text-transform;
}
.hook-card-title() when not (@card-title-letter-spacing = inherit) {
letter-spacing: @card-title-letter-spacing;
}
.hook-card-title() when not (@card-title-font-style = inherit) {
font-style: @card-title-font-style;
}
// Badge
// ========================================================================
.hook-card-badge() {
color: @card-badge-color;
font-size: @card-badge-font-size;
}
.hook-card-badge() when not (@card-badge-font-family = inherit) {
font-family: @card-badge-font-family;
}
.hook-card-badge() when not (@card-badge-font-weight = inherit) {
font-weight: @card-badge-font-weight;
}
.hook-card-badge() when not (@card-badge-text-transform = inherit) {
text-transform: @card-badge-text-transform;
}
.hook-card-badge() when not (@card-badge-letter-spacing = inherit) {
letter-spacing: @card-badge-letter-spacing;
}
// Hover modifier
// ========================================================================
.hook-card-hover() {}
// Style modifiers
// ========================================================================
.hook-card-default() {}
.hook-card-default-title() {}
.hook-card-default-hover() {}
.hook-card-default-header() {}
.hook-card-default-footer() {}
//
// Primary
//
.hook-card-primary() {}
.hook-card-primary-title() {}
.hook-card-primary-hover() {}
//
// Secondary
//
.hook-card-secondary() {}
.hook-card-secondary-title() {}
.hook-card-secondary-hover() {}
// Miscellaneous
// ========================================================================
.hook-card-misc() {}
// Inverse
// ========================================================================
@inverse-card-badge-color: @inverse-global-color;
.hook-inverse-card-badge() { color: @inverse-card-badge-color; }