// Member INDEX
.index-member {
  .index-title {
    @extend .unity-title;
  }
  &.index1 {

  }
}

// Member SHOW
.show-member {
  .show-title {
    @extend .unity-title;
  }
  // .show-content {
  //   padding-right: 0;
  //   padding-left: 0;
  //   .img {
  //     display: inline-block;
  //     width: 100%;
  //     height: auto;
  //     opacity: (0.8);
  //     -webkit-filter: grayscale(100%) brightness(1.2);
  //     -moz-filter: grayscale(100%) brightness(1.2);
  //     filter: grayscale(100%) brightness(1.2);
  //     @include transition(all 0.2s ease);
  //   }
  //   .show-content-inner {
  //     position: relative;
  //     padding: 2px;
  //     z-index: 0;
  //     @include scale(1);
  //     @include transition(all 0.2s ease);
  //     &:hover {
  //       z-index: 1;
  //       @include scale(1.1);
  //       .img {
  //         opacity: (1);
  //         -webkit-filter: grayscale(0%) brightness(1);
  //         -moz-filter: grayscale(0%) brightness(1);
  //         filter: grayscale(0%) brightness(1);
  //       }
  //     }
  //   }
  // }
  .post-metadata {
    border-bottom: 1px solid $theme-gray-light;
    @include clearfix();
    li {
      margin-right: 1em;
      margin-bottom: 0.6em;
      float: left;
      &.metadata-tags {
        position: relative;
        margin-right: 0;
        padding-left: 1.6em;
        clear: both;
        float: none;
        i {
          position: absolute;
          top: 7px;
          left: 0;
        }
      }
      &.metadata-tags {
        .tag {
          display: inline-block;
          margin-bottom: 4px;
          padding: 5px 8px;
          font-size: 0.8em;
          color: $theme-gray;
          border: 1px solid $theme-gray-light;
          text-decoration: none;
          &:hover {
            color: $theme-color-main;
            border-color: $theme-color-main;
            background-color: $theme-gray-lighter;
          }
        }
      }
      i {
        color: darken($theme-gray-light, 10%);
      }
    }
  }
  .post-section {
    @include clearfix();
    margin-bottom: 2em;
    .post-pic {
      img {
        @include size(100%, auto);
      }
    }
  }
  .post-related {
    padding-top: 1em;
    border-top: 1px solid $theme-gray-light;
    li {
      padding-bottom: 3px;
      padding-left: 1.6em;
      & + li {
        padding-top: 8px;
        border-top: 1px dotted $theme-gray-light;
      }
      i {
        margin: 8px 0 0 -1.6em;
        float: left;
        color: darken($theme-gray-light, 10%);
      }
      & > div {
        display: inline-block;
      }
      a {
        display: inline-block;
        margin-bottom: 4px;
        padding: 5px 8px;
        font-size: 0.8em;
        color: $theme-gray;
        border: 1px solid $theme-gray-light;
        text-decoration: none;
        &:hover {
          color: $theme-color-main;
          border-color: $theme-color-main;
          background-color: $theme-gray-lighter;
        }
      }
    }
  }
}