xmpp.chapril.org-conversejs/sass/_headline.scss
Emmanuel Gil Peyrot 28dc6e2cfe Switch from SASS variables to CSS custom properties
This will eventually allow client-side theming support.
2018-11-03 00:40:43 +01:00

38 lines
958 B
SCSS

#conversejs {
.chatbox.headlines {
.chat-head {
&.chat-head-chatbox {
background-color: var(--headline-head-color);
}
}
.chat-body {
background-color: var(--headline-head-color);
border-radius: var(--chatbox-border-radius);
.chat-message {
color: var(--headline-message-color);
}
}
.chat-content {
height: 100%;
}
}
}
#conversejs.converse-fullscreen {
.chatbox.headlines {
.box-flyout {
background-color: var(--headline-head-color);
}
.chat-head {
&.chat-head-chatbox {
background-color: var(--headline-head-color);
}
}
.flyout {
border: var(--flyout-padding) solid var(--headline-head-color);
border-top: 0.8em solid var(--headline-head-color);
}
}
}