| Current Path : /home/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master/transform/ |
| Current File : /home/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master/transform/card.less |
//
// 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;
// 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() {}
// 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);
}
// Miscellaneous
// ========================================================================
.hook-card-misc() {}
// Inverse
// ========================================================================
.hook-inverse-card-badge() {}