@import "mixins/mixins";
|
@import "common/var";
|
|
@include b(card) {
|
border-radius: $--card-border-radius;
|
border: 1px solid $--card-border-color;
|
background-color: $--color-white;
|
overflow: hidden;
|
color: $--color-text-primary;
|
transition: 0.3s;
|
|
@include when(always-shadow) {
|
box-shadow: $--box-shadow-light;
|
}
|
|
@include when(hover-shadow) {
|
&:hover,
|
&:focus {
|
box-shadow: $--box-shadow-light;
|
}
|
}
|
|
@include e(header) {
|
padding: #{$--card-padding - 2 $--card-padding};
|
border-bottom: 1px solid $--card-border-color;
|
box-sizing: border-box;
|
}
|
|
@include e(body) {
|
padding: $--card-padding;
|
}
|
}
|
