wildebeest/frontend/src/utils/innerHtmlContent.scss

// Important: The rules present in this file apply to dynamic content
// defined by the client (set using dangerouslySetInnerHTML)
// (thus wee cannot rely on Tailwind for such content)

.inner-html-content {
  a {
    text-decoration: none;
    color: var(--wildebeest-vibrant-color-400);
  }
  a.mention {
    color: var(--wildebeest-vibrant-color-200);
  }
  a.hashtag {
    color: var(--wildebeest-vibrant-color-200);
  }

  p {
    margin-bottom: theme('spacing.4');
  }

  .invisible {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 0;
    height: 0;
  }

  .ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
  }

  .ellipsis::after {
    content: "...";
  }

  .status-link {
    color: var(--wildebeest-vibrant-color-200);
    text-decoration: none;
  }
}