mirror of
https://github.com/papercss/papercss
synced 2024-06-08 00:42:20 +02:00
62 lines
923 B
SCSS
62 lines
923 B
SCSS
@import './colors.less';
|
|
@import './shadows.less';
|
|
|
|
.card {
|
|
.shadow;
|
|
.shadow-hover;
|
|
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
word-wrap: break-word;
|
|
border: 2px solid $muted-light;
|
|
|
|
.card-header,
|
|
.card-footer {
|
|
padding: .75rem 1.25rem;
|
|
background-color: $white-dark;
|
|
}
|
|
|
|
.card-header {
|
|
border-bottom: 2px solid $muted-light;
|
|
}
|
|
|
|
.card-footer {
|
|
border-top: 2px solid $muted-light;
|
|
}
|
|
|
|
.card-body {
|
|
flex: 1 1 auto;
|
|
padding: 1.25rem;
|
|
|
|
.card-title, h4 {
|
|
margin-top: 0;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.card-subtitle, h5 {
|
|
.text-secondary;
|
|
|
|
margin-top: 0;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.card-text, p {
|
|
margin-top: 0;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.card-link + .card-link,
|
|
a + a {
|
|
margin-left: 1.25rem;
|
|
}
|
|
}
|
|
|
|
.image-top,
|
|
.image-bottom,
|
|
img {
|
|
border: 0;
|
|
border-radius: 0;
|
|
}
|
|
}
|