if (hexo-config('comment.enable') == true && hexo-config('comment.use') != "") {
  if (hexo-config('comment.use') == "valine") {
    @import "./valine.styl"
  }
  else if (hexo-config('comment.use') == "gitalk") {
    @import "./gitalk.styl"
  }
  else if (hexo-config('comment.use') == "twikoo") {
    @import "./twikoo.styl"
  }
  else if (hexo-config('comment.use') == "waline") {
    @import "./waline.styl"
  }
}

.comments-container {
  display inline-block
  width 100%
  margin-top $component-spacing-value

  #comments-anchor {
    width 100%
    height 0.8rem
  }

  .comment-area-title {
    width 100%
    margin 0.8rem 0
    color var(--text-color-3)
    font-size 1.38rem

    i {
      color var(--text-color-3)
    }

    +keep-tablet() {
      margin 0.4rem 0
      font-size 1.2rem
    }
  }
}