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.
44 lines
761 B
44 lines
761 B
4 years ago
|
// Cards
|
||
|
.card {
|
||
|
background: $bg-color-light;
|
||
|
border: $border-width solid $border-color;
|
||
|
border-radius: $border-radius;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
|
||
|
.card-header,
|
||
|
.card-body,
|
||
|
.card-footer {
|
||
|
padding: $layout-spacing-lg;
|
||
|
padding-bottom: 0;
|
||
|
|
||
|
&:last-child {
|
||
|
padding-bottom: $layout-spacing-lg;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.card-body {
|
||
|
flex: 1 1 auto;
|
||
|
}
|
||
|
|
||
|
.card-image {
|
||
|
padding-top: $layout-spacing-lg;
|
||
|
|
||
|
&:first-child {
|
||
|
padding-top: 0;
|
||
|
|
||
|
img {
|
||
|
border-top-left-radius: $border-radius;
|
||
|
border-top-right-radius: $border-radius;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&:last-child {
|
||
|
img {
|
||
|
border-bottom-left-radius: $border-radius;
|
||
|
border-bottom-right-radius: $border-radius;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|