@import url('h-card.css');

.h-entry {
  border-inline-start: 1px solid var(--color-primary);
  padding-inline-start: .5rem;

  & .reply-to {
    font-style: italic;
  }

  & .post-info {
    & a {
      text-decoration: none;
    }
  }

  & .note-metadata {
    display: flex;
    flex-direction: row;
    gap: 1rem;

    & .replies,
    & .likes,
    & .reposts {
      display: inline-flex;
      flex-direction: row;
      gap: .5rem;
      align-items: center;
    }

    & .syndication-links {
      flex-flow: row wrap;

      & a {
        text-decoration: none;

        & svg {
          width: 1rem;
          height: 1rem;
        }
      }
    }
  }
}

.feather {
  width: 24px;
  height: 24px;
  stroke: currentcolor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
