card¶ ↑
display: flex
flex: 1 1 300px
flex-direction: column
overflow: hidden
margin: 0 20px 40px
min-height: 300px
background: $white 50%
background-size: cover
border-radius: 5px
box-shadow: 8px 14px 38px rgba(39,44,49,.06), 1px 3px 8px rgba(39,44,49,.03)
transition: all .5s ease
@if $card_shadow == "out"
&:hover
box-shadow: 8px 28px 50px rgba(39,44,49,.07), 1px 6px 12px rgba(39,44,49,.04)
transition: all .4s ease
transform: translate3D(0,-1px,0) scale(1.02)
@else
&:hover
box-shadow: 0 0 1px rgba(39,44,49,.1), 0 3px 16px rgba(39,44,49,.07)
transition: all .3s ease
transform: translate3D(0,-1px,0)
reading-time¶ ↑
@if $reading_time == "show"
@else
display: none
post_image¶ ↑
@if $post_image == "big"
@media (max-width: 1040px)
width: 100%
@media (min-width: 1040px)
margin: 3em -100px
max-width: 1040px
@else
margin: 3em auto
max-width: 100%