aboutsummaryrefslogtreecommitdiff
path: root/src/components/notification/notification.scss
diff options
context:
space:
mode:
authorShpuld Shpuldson <shp@cock.li>2020-10-29 08:55:54 +0200
committerShpuld Shpuldson <shp@cock.li>2020-10-29 08:55:54 +0200
commit6acb61f2968063f19445a99851a2c1dda6783ac8 (patch)
tree259501d7645fe1801f4615519dfd8e43b26eb531 /src/components/notification/notification.scss
parent24d85ce6dc77c2e18759bdb67c8005fcd697a0c5 (diff)
parenta84db4bd8f04bdfc14836f55f441aa8478265291 (diff)
fix conflict, keep the touchable button big
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);
+ }
}