owncast/web/components/chat/ChatUserMessage/ChatUserMessage.module.scss
t1enne c9938cf414 Added alternative styling for own messages in chat
Added alternative styling for messages sent by self in chat

Prettiered the file
2022-06-28 09:12:22 +02:00

37 lines
762 B
SCSS

.root {
font-size: 0.9rem;
padding: 5px;
padding-left: 1rem;
margin: 8px 5px;
border-left: 2px solid;
border-radius: 0.3rem;
.user {
font: var(--theme-header-font-family);
color: var(--color-owncast-grey-100);
font-weight: bold;
}
.message {
color: var(--color-owncast-grey-100);
mark {
color: white;
padding: 0.1em 0.4em;
border-radius: 0.5em 0.3em;
background: transparent;
background-image: linear-gradient(
to right,
rgba(255, 225, 0, 0.1),
rgba(255, 225, 0, 0.358) 4%,
rgba(255, 225, 0, 0.3)
);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
}
}
.ownMessage {
border-left: 0px;
border-right: 2px solid;
}