portfoligor/assets/scss/_post.scss

///////////////////
//               //
//      POST     //
//               //
///////////////////

.post-header {
  margin: 1em 0;

  h1 {
    margin: 0;
  }
}

.post-info {
  font-size: $font-size-small;
  margin-top: 0;
  padding: 0;

  > li {
    padding-right: .3rem;
  }

  li {
    display: flex;
    list-style: none;

    > ul {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      white-space: pre;
    }

    > ul::before {
      content: ' ';
      white-space: pre;
    }
  }
}

@include breakpoint(tablet) {
  .post-info {
    display: flex;
    flex-wrap: wrap;

    > li:not(:last-child) {
      &::after {
        content: ' /';
        white-space: pre;
      }
    }
  }
}

.post-taxonomies:not(:last-child) {
  &::after {
    content: ', ';
  }
}

.list-footer {
  font-size: $font-size-small;
  padding-left: .5em;
}