wildebeest/frontend/src/utils/innerHtmlContent.scss

45 wiersze
857 B
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;
}
}