// XXX: bleurgh, what is this? These classes totally break the component
// naming scheme; it's completely unclear where or how they're being used
// --Matthew

.mx_UserPill {
    color: white;
    background-color: $accent-color;
    padding: 2px 8px;
    border-radius: 16px;
}

.mx_RoomPill {
    background-color: white;
    color: $accent-color;
    border: 1px solid $accent-color;
    padding: 2px 8px;
    border-radius: 16px;
}

.mx_Markdown_BOLD {
    font-weight: bold;
}

.mx_Markdown_ITALIC {
    font-style: italic;
}

.mx_Markdown_CODE {
    padding: .2em 0;
    margin: 0;
    font-size: 85%;
    background-color: $rte-code-bg-color;
    border-radius: 3px;
}

.mx_Markdown_HR {
    display: block;
    background: $rte-bg-color;
}

.mx_Markdown_STRIKETHROUGH {
    text-decoration: line-through;
}
