blog/assets/scss/partials/_comments.scss

#site-main > #isso-thread {
  margin-top: 3em;
  font-size: 1rem;
  overflow-wrap: break-word;

  > h4 {
    color: var(--c-txt);
  }

  #isso-root {
    display: flex;
    flex-direction: column-reverse;
  }

  .isso-comment {
    border-color: var(--c-bg-alt);
    clear: both;
  }

  .isso-postbox {
    max-width: unset;
    min-width: 100%;
    margin-bottom: 1em;
  }

  .isso-preview {
    color: #545250;
  }

  .isso-textarea {
    min-height: 5em;
    border-radius: 0;
    border-color: transparent;
    color: var(--c-txt);
    background-color: var(--c-bg-alt);
    box-shadow: none;
  }

  .isso-input-wrapper {
    > label {
      font-size: .85em;
      color: var(--c-txt-alt);
    }
    > input {
      width: 100%;
      background-color: var(--c-bg-alt);
      line-height: unset;
      border: 1px solid var(--c-bg);
      border-radius: 0;
      box-shadow: none;
    }
  }

  .isso-post-action > input {
    margin-top: .2em;
    padding: .4em;
    border-radius: 0;
    border-color: var(--c-bg-alt);
    color: var(--c-txt);
    background: transparent;
    box-shadow: none;
    &:hover {
      border-color: $accent;
    }
    &:active {
      border-style: dashed;
    }
  }

  .isso-notification-section > label {
    font-size: .8em;
    color: var(--c-txt-alt);
    vertical-align: middle;
    &> input {
      margin-right: .5em;
    }
  }

  .isso-avatar {
    margin-top: 1.3em;
    margin-left: 0;
    > img {
      max-width: 2.5em;
      height: auto;
      border-radius: 50%;
    }
  }

  .isso-text {
    text-align: initial;
  }

  .isso-comment-footer {
    text-align: right;
    font-size: .85em;
  }

  a {
    border: none;
    &:hover {
      color: $accent!important;
    }
  }

  .isso-author {
    color: var(--c-txt);
  }
  a.isso-author {
    border-bottom: 1px solid var(--c-bg-alt);
    &:hover {
      color: $accent!important;
      border-bottom-color: $accent;
    }
  }
}