aboutsummaryrefslogtreecommitdiff
path: root/src/components/notification/notification.scss
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2020-10-28 21:21:35 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2020-10-28 21:21:35 +0000
commita84db4bd8f04bdfc14836f55f441aa8478265291 (patch)
treec5e08f042c0cbab4cc212e35c624d5afa65b85bc /src/components/notification/notification.scss
parente2c4816feb700d25bbeaebee6c5a67ae5f478e90 (diff)
parentef36ca44f613c3d7d2ea11a9ad4f7fe828f7ae83 (diff)
Merge branch 'fontawesome5' into 'develop'
FontAwesome 5 Closes #982 See merge request pleroma/pleroma-fe!1260
Diffstat (limited to 'src/components/notification/notification.scss')
-rw-r--r--src/components/notification/notification.scss32
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);
+ }
}