discourse/plugins/chat/assets/stylesheets/common/chat-message-separator.scss
Roman Rizzi 0a5f548635
DEV: Move discourse-chat to the core repo. (#18776)
As part of this move, we are also renaming `discourse-chat` to `chat`.
2022-11-02 10:41:30 -03:00

43 lines
709 B
SCSS

.chat-message-separator {
@include unselectable;
margin: 0.25rem 0 0.25rem 1rem;
display: flex;
font-size: var(--font-down-1);
position: relative;
transform: translateZ(0);
position: relative;
&.new-message {
color: var(--danger-medium);
.divider {
background-color: var(--danger-medium);
}
}
&.first-daily-message {
.text {
color: var(--secondary-low);
font-weight: 600;
}
.divider {
background-color: var(--secondary-high);
}
}
.text {
margin: 0 auto;
padding: 0 0.75rem;
z-index: 1;
background: var(--secondary);
}
.divider {
position: absolute;
width: 100%;
height: 1px;
top: 50%;
}
}