Current Directory: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit-themes/master/border
Viewing File: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit-themes/master/border/card.less
//
// Component: Card
//
// ========================================================================
// Variables
// ========================================================================
//
// New
//
@card-badge-border-mode: ;
@card-badge-border-width: 0;
@card-badge-border: transparent;
@card-hover-border-mode: ;
@card-hover-border-width: 0;
@card-hover-border: transparent;
@card-default-border-mode: ;
@card-default-border-width: 0;
@card-default-border: transparent;
@card-default-hover-border: transparent;
@card-primary-border-mode: ;
@card-primary-border-width: 0;
@card-primary-border: transparent;
@card-primary-hover-border: transparent;
@card-secondary-border-mode: ;
@card-secondary-border-width: 0;
@card-secondary-border: transparent;
@card-secondary-hover-border: transparent;
// 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() when not (@card-badge-border-width = 0) {
border@{card-badge-border-mode}: @card-badge-border-width solid @card-badge-border;
}
// Hover modifier
// ========================================================================
.hook-card-hover() when not (@card-hover-border-width = 0) {
border@{card-hover-border-mode}-color: @card-hover-border;
}
// Style modifiers
// ========================================================================
.hook-card-default() when not (@card-default-border-width = 0) {
border@{card-default-border-mode}: @card-default-border-width solid @card-default-border;
}
.hook-card-default-title() {}
.hook-card-default-hover() when not (@card-default-border-width = 0) {
border@{card-default-border-mode}-color: @card-default-hover-border;
}
.hook-card-default-header() {}
.hook-card-default-footer() {}
//
// Primary
//
.hook-card-primary() when not (@card-primary-border-width = 0) {
border@{card-primary-border-mode}: @card-primary-border-width solid @card-primary-border;
}
.hook-card-primary-title() {}
.hook-card-primary-hover() when not (@card-primary-border-width = 0) {
border@{card-primary-border-mode}-color: @card-primary-hover-border;
}
//
// Secondary
//
.hook-card-secondary() when not (@card-secondary-border-width = 0) {
border@{card-secondary-border-mode}: @card-secondary-border-width solid @card-secondary-border;
}
.hook-card-secondary-title() {}
.hook-card-secondary-hover() when not (@card-secondary-border-width = 0) {
border@{card-secondary-border-mode}-color: @card-secondary-hover-border;
}
// Miscellaneous
// ========================================================================
.hook-card-misc() {}
.hook-card-misc() when not (@card-hover-border-width = 0) {
.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary) { border@{card-hover-border-mode}: @card-hover-border-width solid transparent; }
}
// Inverse
// ========================================================================
@inverse-card-badge-border: transparent;
.hook-inverse-card-badge() when not (@card-badge-border-width = 0) {
border@{card-badge-border-mode}-color: @inverse-card-badge-border;
}