wblog/app/assets/stylesheets/blogs.scss

.blog-title {
  margin-top: 1rem;
}

.ptag {
  margin-bottom: 0.5rem;
  color: #888;
  font-size: 95%;
  span {
    margin-left: 0.5rem;
    &:first-child {
      margin-left: 0;
    }
  }
  .has-tip {
    border: none;
  }
}

.content {
  padding-top: 1rem;
}

.read-more {
  margin-top: 1rem;
  display: inline-block;
  padding: 1rem;
  border: 1px solid #ccc;
  color: #333;
  &:hover {
    color: #333;
    border-color: #aaa;
  }
}

.published-at {
  @media screen and (min-width: 40.063em) {
    text-align: right;
  }
  margin-top: 1rem;
  color: #999;
}

.blog-over {
  margin-bottom: 1rem;
  margin-top: 2rem;
  border-bottom: 1px solid #DCDCDC;
}

.recent-content {
  @media screen and (min-width: 64em) {
    padding-bottom: 3rem;
  }
  li {
    list-style: disc;
  }
  padding-left: 0rem;
}

#qrcode-home {
  padding: 1rem 2rem 1rem 0;
}

.qrcode {
  display: inline-block;
  float: right;
  margin-top: -5.5rem;
  i {
    margin-right: 0.5rem;
  }
}

.qrcode-wrapper {
  float: right;
  margin-top: -2rem;
  text-align: right;
  table {
    float: right;
  }
  p {
    clear: both;
  }
}

.social-share {
  display: none;
}

.wechat_qrcode {
  width: 200px;
  margin-bottom: 20px;
}