stream-chat-react
Version:
React components to create chat conversations or livestream style chat
35 lines (32 loc) • 1.32 kB
CSS
/* png based woff for most browsers */
@font-face {
font-family: ReplaceFlagEmojiPNG;
src: url("assets/NotoColorEmoji-flags.woff2") format("woff2");
/* using the unicode-range attribute to limit the reach of the Flag Emoji web font to only flags */
unicode-range: U+1F1E6-1F1FF;
}
/* svg based for firefox */
@font-face {
font-family: ReplaceFlagEmojiSVG;
src: url("assets/EmojiOneColor.woff2") format("woff2");
unicode-range: U+1F1E6-1F1FF;
}
.str-chat--windows-flags .str-chat__textarea__textarea,
.str-chat--windows-flags .str-chat__message-textarea,
.str-chat--windows-flags .str-chat__message-text-inner *,
.str-chat--windows-flags .str-chat__emoji-item--entity,
.str-chat--windows-flags .emoji-mart-emoji-native * {
font-family: ReplaceFlagEmojiPNG, var(--str-chat__font-family), sans-serif;
font-display: swap;
}
@-moz-document url-prefix('') {
.str-chat--windows-flags .str-chat__textarea__textarea,
.str-chat--windows-flags .str-chat__message-textarea,
.str-chat--windows-flags .str-chat__message-text-inner *,
.str-chat--windows-flags .str-chat__emoji-item--entity,
.str-chat--windows-flags .emoji-mart-emoji-native * {
font-family: ReplaceFlagEmojiSVG, var(--str-chat__font-family), sans-serif;
font-display: swap;
}
}
/*# sourceMappingURL=emoji-replacement.css.map */