// list
.post-list
  margin: 1rem
  .card-title,.list-title
    font-weight: 600
    color: var(--text-meta)
    font-family: $ff-code
    line-height: 1.2
  .list-title
    margin: 2rem 1rem 0rem
    font-size: 1.5rem
  .card-title
    padding-bottom: 0.5rem
    font-size: 1.2rem

// card
.post-list .post-card
  display: block
  margin: 1rem 0
  color: var(--text-p2)
  border-radius: $border-card
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.02)
  trans1 box-shadow
  overflow: hidden
  background: var(--card)
  .meta.cap
    margin-bottom: 0.5rem
    span+span
      margin-left: 0.5rem
.post-list .post-card:hover
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.04), 0 4px 16px 0px rgba(0, 0, 0, 0.04)
  .logo img
    transform: scale(1.1)
  .excerpt .readmore
    color: $color-link

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

// posts
.post-list .post-card
  .post-title
    font-weight: 500
    margin: .5em 0
    line-height: 1.2
    font-size: $fs-h3
    border-bottom: none
    color: var(--text-p1)
    trans1 color
  .excerpt
    font-size: $fs14
  .post-cover-wrap
    overflow: hidden
    margin-left: 0 - 1.5 * $gap
    margin-top: 0 - 1.5 * $gap
    margin-bottom: 1.25 * $gap
    width: "calc(100% + 3 * %s)" % $gap
  .post-cover
    background-position: center
    background-size: cover
    height: 320px
    @media screen and (max-width: 900px)
      height: 280px
    @media screen and (max-width: $device-tablet)
      height: 320px
    @media screen and (max-width: $device-mobile)
      height: 280px
    @media screen and (max-width: $device-mobile-l)
      height: 240px
    @media screen and (max-width: $device-mobile-m)
      height: 200px
    trans1: transform 1s
.post-list .post-card.post:hover
  .post-title
    color: $color-hover
  .post-cover
    transform: scale(1.04)

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


.post-list .post-card.wiki article .logo
  display: flex
  width: 180px
  margin: 1rem
  align-items: center
  img
    object-fit: contain
    trans1 transform 0.75s
.post-list .post-card.wiki article .excerpt
  margin: 1rem
  min-width: 220px
  flex: 1
  overflow: hidden
  word-wrap: break-word
  .title
    font-weight: 600
    font-size: $fs-h3
  >p
    margin: 0.5rem 0
    font-size: $fs14