/* in archive page, use a more compact list view */

@use './components/utilities_partial.scss' as utilities;

.post-list.archives {
  display: block;
  max-width: 980px;

  .post-list-item {
    border-radius: 0;
    background-color: initial;
    padding: 21px 0;
    margin: 0;
    border-bottom: 1px solid var(--color-border-primary);

    &:nth-child(n) {
      margin-left: 0;
      margin-right: 0;
    }

    &:last-child {
      border-bottom: none;
    }

    a {
      display: flex;
    }

    .cover-img {
      height: initial;
      min-width: 180px;
      width: 20vw;
      border-radius: var(--radius-medium);
      @include utilities.corner-squircle;
      flex-shrink: 0;
    }
  }
}