portfoligor/assets/scss/_post.scss

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

.post-header {
  margin: 1rem 0 .5rem 0;

  h1 {
    margin: 0;
  }
}

.post-info {
  font-size: $font-size-small;
  color: $snow-storm-light-grey;

  > ul {
    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 > ul {
    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;
}