histoiredunpied/assets/css/card.sass

51 lines
809 B
Sass
Raw Normal View History

2020-02-20 18:29:02 +01:00
$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
2020-04-21 14:29:54 +02:00
color: #0c9cfd
2020-02-20 18:29:02 +01:00
time
color: #4d5253
2020-02-20 18:29:02 +01:00
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