// list
.post-list
  margin: 1rem

// card
.post-list .post-card
  display: block
  margin: 1rem 0
  border-radius: $border-card
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.02)
  trans1 box-shadow
  overflow: hidden
  background: var(--card)
  .excerpt
    margin: 1rem 0
    >p
      margin: 1rem 0
  .meta.cap
    display: flex
    flex-wrap: wrap
    align-items: center
    margin: .5rem 0
    span+span
      margin-left: 0.5rem
    span.pin
      line-height: 0
      img
        object-fit: contain
        height: 1.5em
.post-list .post-card:hover
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.08), 0 2px 8px 0px rgba(0, 0, 0, 0.06), 0 4px 16px 0px rgba(0, 0, 0, 0.04)


// common article
.post-list article
  padding: 1rem

// posts
.post-list .post-card
  .post-cover
    overflow: hidden
    margin-left: -1rem
    margin-top: -1rem
    margin-right: -1rem
    img
      object-fit: cover
      width: 100%
      border-radius: 0
      height: 280px
      @media screen and (max-width: 900px)
        height: 240px
      @media screen and (max-width: $device-tablet)
        height: 280px
      @media screen and (max-width: $device-mobile)
        height: 240px
      @media screen and (max-width: $device-mobile-425)
        height: 220px
      @media screen and (max-width: $device-mobile-375)
        height: 180px
      &:not(.lazy)
        trans1: transform 1s
.post-list .post-card.post.photo .post-cover img
  height: 400px
  @media screen and (max-width: 900px)
    height: 320px
  @media screen and (max-width: $device-tablet)
    height: 400px
  @media screen and (max-width: $device-mobile)
    height: 320px
  @media screen and (max-width: $device-mobile-425)
    height: 280px
  @media screen and (max-width: $device-mobile-375)
    height: 240px


// wiki
.post-list .post-card.wiki article
  display: flex
  flex-wrap: wrap
  trans1 box-shadow
  justify-content: center
  padding: 1rem .5rem


.post-list .post-card.wiki article .preview
  display: flex
  width: 200px
  margin: 1rem .5rem
  align-items: center
  img
    object-fit: contain
    &:not(.lazy)
      trans1: transform 0.75s
.post-list .post-card.wiki article .excerpt
  margin: 1rem .5rem
  min-width: 220px
  flex: 1
  overflow: hidden
  word-wrap: break-word
  p:last-child
    margin-bottom: 0