Vulcan/packages/base-styles/lib/stylesheets/_posts.scss

.post-list-header{
  @include flex-center;
  justify-content: space-between;
  margin-bottom: $vmargin;
}

.post-views{
  a{
    @include border;
    // @include border-radius;
    // padding: 3px 5px;
    // margin-right: 5px;
    &.post-view-inactive{
      @include activeHover;
    }
    &.post-view-active{
      background: $light-blue;
    }
  }
}
.post-list-content{
  border-top: $border;
  // padding-top: 15px;
  // margin-top: 15px;
  margin-bottom: $vmargin;
}

.post-item{
  @include flex-center;
  border-bottom: $border;
  padding: $vmargin 5px;
  // margin-bottom: 15px;
  &.post-sticky{
    background: $light-yellow;

  }
}

.post-vote{
  margin-right: $hmargin;
}

.upvote-button{
  @include border;
  @include border-radius;
  @include flex-center;
  flex-direction: column;
  justify-content: center;
  padding: 3px 5px;
  .icon{
    text-align: center;
    display: block;
  }
  .vote-count{
    text-align: center;
    display: block;
  }
  .voted &{
    color: $light-text;
  }
  @include activeHover;
  &, &:active, &:hover{
    text-decoration: none;
  }
}

.post-content{
  flex-grow: 1;
}

.post-title{
  font-size: $larger-font;
  margin-bottom: 5px;
  @include flex-center;
  .post-title-link{
    color: $black;
    &, &:active, &:hover{
      text-decoration: none;
    }
  }
}

.post-categories{
  @include flex-center;
  margin-left: 5px;
  a{
    display: block;
    font-size: $small-font;
    @include border;
    @include border-radius;
    margin-right: 5px;
    padding: 2px 6px;
    @include activeHover;
  }
}

.post-meta{
  font-size: $small-font;
  @include flex-center;
  .user-avatar{
    margin-right: 5px;
  }
  .user-name, .post-date, .post-comments, .post-stats, .post-actions{
    margin-right: $hmargin;
  }
}

.post-date, .post-comments{
  color: $medium-text;
}

.post-stats{
  @include border;
  @include border-radius;
  font-size: $smaller-font;
  .post-stat{
    border-right: $border;
    padding: 2px 5px;
    display: inline-block;
    &:last-child{
      border: none;
    }
  }
}

.post-actions{
  @include flex-center;
}

.post-comments{
  @include flex-center;
}

.post-commenters{
  .user-avatar{
    margin-right: $hmargin;
  }
}

.post-load-more{
  display: block;
  text-align: center;
  @include border;
  @include border-radius;
  font-size: $large-font;
  padding: 10px 20px;
  @include activeHover;
}

.post-page{
  .post-item{
    @include border-radius;
    border: $border;
    padding: $hmargin;
    margin-bottom: $vmargin;
  }
}

.post-body{
  font-size: $large-font;
  margin-bottom: $hmargin;
}