50 lines
788 B
Sass
50 lines
788 B
Sass
$gutter: 20px
|
|
$gutterXS: 10px
|
|
|
|
.card
|
|
margin: $gutter 0
|
|
padding: $gutter
|
|
background-color: white
|
|
box-shadow: 0 1px 3px rgba(0,0,0,.1)
|
|
border-bottom: 1px solid #ebebeb
|
|
|
|
.card-image
|
|
overflow: hidden
|
|
display: flex
|
|
justify-content: center
|
|
padding: $gutter
|
|
|
|
img
|
|
padding: 0
|
|
margin: 0
|
|
max-width: 100%
|
|
max-height: 100%
|
|
|
|
.card-body
|
|
align-self: center
|
|
background-color: white
|
|
padding: $gutter
|
|
|
|
h3
|
|
padding: 0
|
|
margin: 0
|
|
|
|
time
|
|
color: #798081
|
|
font-size: .8rem
|
|
|
|
*:last-child
|
|
margin-bottom: 0
|
|
padding-bottom: 0
|
|
|
|
@media screen and (max-width: 600px)
|
|
.card
|
|
margin: $gutterXS 0
|
|
padding: $gutterXS
|
|
|
|
.card-image
|
|
padding: $gutterXS
|
|
|
|
.card-body
|
|
padding: $gutterXS
|