You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
659 B
33 lines
659 B
3 years ago
|
@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;
|
||
|
|
}
|
||
|
|
}
|