Add bing mention pill CSS

Useful with https://github.com/matrix-org/matrix-react-sdk/pull/1234
This commit is contained in:
Luke Barnard 2017-07-19 11:02:51 +01:00
parent 0e71ea7a5a
commit 871c9e6d3e
2 changed files with 6 additions and 1 deletions

View File

@ -14,8 +14,12 @@
/* More specific to override `.markdown-body a` color */ /* More specific to override `.markdown-body a` color */
.mx_EventTile_content .markdown-body a.mx_UserPill, .mx_EventTile_content .markdown-body a.mx_UserPill,
.mx_UserPill { .mx_UserPill {
color: $primary-fg-color;
}
.mx_EventTile_highlight .mx_EventTile_content .markdown-body a.mx_UserPill_me {
color: $accent-fg-color; color: $accent-fg-color;
background-color: $accent-color; background-color: $mention-user-pill-bg-color;
} }
/* More specific to override `.markdown-body a` color */ /* More specific to override `.markdown-body a` color */

View File

@ -19,6 +19,7 @@ $focus-brightness: 125%;
// red warning colour // red warning colour
$warning-color: #ff0064; $warning-color: #ff0064;
$mention-user-pill-bg-color: #ff0064;
$preview-bar-bg-color: #f7f7f7; $preview-bar-bg-color: #f7f7f7;