33 lines
777 B
SCSS
33 lines
777 B
SCSS
// Cards
|
|
// *******************************************************************************
|
|
|
|
// color border bottom and shadow in card
|
|
@mixin template-card-border-shadow-variant($parent, $background) {
|
|
$border-color: shade-color($background, $card-border-color-scale, $card-bg);
|
|
.card {
|
|
&#{$parent} {
|
|
&::after {
|
|
border-bottom-color: $border-color;
|
|
}
|
|
&:hover {
|
|
&::after {
|
|
border-bottom-color: $background;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// card hover border color
|
|
@mixin template-card-hover-border-variant($parent, $background) {
|
|
$border-color: shade-color($background, $card-hover-border-scale, $card-bg);
|
|
.card {
|
|
&#{$parent},
|
|
#{$parent} {
|
|
&:hover {
|
|
border-color: $border-color;
|
|
}
|
|
}
|
|
}
|
|
}
|