/*
 * Comments disclosure triangle
 */

.comments-details {
  & > summary {
    margin-bottom: 16px;
    white-space: nowrap;
    cursor: pointer;
    color: $base-head;
  }

  & > summary:hover,
  & > summary:focus {
    color: $base-a;
  }

  & > summary > strong {
    @include font-size(1);
    font-weight: bold;
  }

  & > summary > strong::before {
    @include ion-icon('md-chatboxes');
    color: $base-a;
    font-size: 24px;
    margin: 0 16px 0 8px;
  }
}