diff options
| author | Henry Jameson <me@hjkos.com> | 2020-10-19 22:35:46 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-10-20 20:28:11 +0300 |
| commit | 8b3a7ae8c0fec5f79971745f64aeb3c5ac470894 (patch) | |
| tree | ae18357e6bbccc6e92d1c463c08a130755d1a794 /src/components/notification/notification.scss | |
| parent | 38142182774ea772aacc88f26586512d6279267f (diff) | |
more FA5 stuff with small related refactoring
Diffstat (limited to 'src/components/notification/notification.scss')
| -rw-r--r-- | src/components/notification/notification.scss | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/src/components/notification/notification.scss b/src/components/notification/notification.scss index d0e63d81..f5905560 100644 --- a/src/components/notification/notification.scss +++ b/src/components/notification/notification.scss @@ -1,3 +1,5 @@ +@import '../../_variables.scss'; + // TODO Copypaste from Status, should unify it somehow .Notification { &.-muted { @@ -49,4 +51,34 @@ display: block; } } + + .type-icon { + margin: 0 0.1em; + } + + &.-type--repeat .type-icon { + color: $fallback--cGreen; + color: var(--cGreen, $fallback--cGreen); + } + + &.-type--follow .type-icon { + color: $fallback--cBlue; + color: var(--cBlue, $fallback--cBlue); + } + + &.-type--follow-request .type-icon { + color: $fallback--cBlue; + color: var(--cBlue, $fallback--cBlue); + } + + &.-type--like .type-icon { + color: orange; + color: $fallback--cOrange; + color: var(--cOrange, $fallback--cOrange); + } + + &.-type--move .type-icon { + color: $fallback--cBlue; + color: var(--cBlue, $fallback--cBlue); + } } |