44 lines
761 B
SCSS
44 lines
761 B
SCSS
|
// 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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|