101 lines
2.8 KiB
Plaintext
101 lines
2.8 KiB
Plaintext
|
@card-border-radius: @global-border-radius;
|
||
|
|
|
||
|
|
@card-default-background: @global-background;
|
||
|
|
@card-default-box-shadow: @global-large-box-shadow;
|
||
|
|
@card-default-hover-background: @card-default-background;
|
||
|
|
@card-default-hover-box-shadow: @global-medium-box-shadow;
|
||
|
|
@card-default-header-border-width: @global-border-width;
|
||
|
|
@card-default-header-border: @global-border;
|
||
|
|
@card-default-footer-border-width: @global-border-width;
|
||
|
|
@card-default-footer-border: @global-border;
|
||
|
|
|
||
|
|
@card-primary-background: @global-primary-background;
|
||
|
|
@card-primary-background-gradient: @global-primary-gradient;
|
||
|
|
@card-primary-box-shadow: @global-large-box-shadow;
|
||
|
|
@card-primary-hover-background: @card-primary-background;
|
||
|
|
@card-primary-hover-box-shadow: @global-medium-box-shadow;
|
||
|
|
@card-primary-hover-background-gradient: @global-primary-gradient;
|
||
|
|
|
||
|
|
@card-secondary-background: @global-muted-background;
|
||
|
|
@card-secondary-box-shadow: @global-large-box-shadow;
|
||
|
|
@card-secondary-color: @global-color;
|
||
|
|
@card-secondary-color-mode: dark;
|
||
|
|
@card-secondary-hover-background: @card-secondary-background;
|
||
|
|
@card-secondary-hover-box-shadow: @global-medium-box-shadow;
|
||
|
|
|
||
|
|
.hook-card() {
|
||
|
|
transition: .1s ease-in-out;
|
||
|
|
transition-property: color,background-color,background-size,border-color,box-shadow,transform,top;
|
||
|
|
border-radius: @card-border-radius;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hook-card-header() {
|
||
|
|
border-radius: @card-border-radius @card-border-radius 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hook-card-footer() {
|
||
|
|
border-radius: 0 0 @card-border-radius @card-border-radius;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hook-card-default() {
|
||
|
|
box-shadow: @card-default-box-shadow;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hook-card-default-hover() {
|
||
|
|
box-shadow: @card-default-hover-box-shadow;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hook-card-default-header() {
|
||
|
|
border-bottom: @card-default-header-border-width solid @card-default-header-border;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hook-card-default-footer() {
|
||
|
|
border-top: @card-default-footer-border-width solid @card-default-footer-border;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hook-card-primary() {
|
||
|
|
box-shadow: @card-primary-box-shadow;
|
||
|
|
background-image: @card-primary-background-gradient;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hook-card-primary-hover() {
|
||
|
|
box-shadow: @card-primary-hover-box-shadow;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hook-card-secondary() {
|
||
|
|
box-shadow: @card-secondary-box-shadow;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hook-card-secondary-hover() {
|
||
|
|
box-shadow: @card-secondary-hover-box-shadow;
|
||
|
|
}
|
||
|
|
|
||
|
|
@inverse-card-box-shadow: @inverse-global-large-box-shadow;
|
||
|
|
@inverse-card-hover-box-shadow: @inverse-global-medium-box-shadow;
|
||
|
|
|
||
|
|
.hook-inverse-misc() {
|
||
|
|
.uk-card-default {
|
||
|
|
box-shadow: @inverse-card-box-shadow;
|
||
|
|
|
||
|
|
&.uk-card-hover:hover {
|
||
|
|
box-shadow: @inverse-card-hover-box-shadow;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.uk-card-primary {
|
||
|
|
box-shadow: @inverse-card-box-shadow;
|
||
|
|
|
||
|
|
&.uk-card-hover:hover {
|
||
|
|
box-shadow: @inverse-card-hover-box-shadow;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.uk-card-secondary {
|
||
|
|
box-shadow: @inverse-card-box-shadow;
|
||
|
|
|
||
|
|
&.uk-card-hover:hover {
|
||
|
|
box-shadow: @inverse-card-hover-box-shadow;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|