Extract component to render notifications item

2021-02-15 23:36:58 +01:00
parent b6c269008f
commit f11f2cd3dd
6 changed files with 64 additions and 56 deletions
--- a/app/assets/stylesheets/notification_item.scss
+++ b/app/assets/stylesheets/notification_item.scss
@@ -0,0 +1,25 @@
+.notifications {
+  position: relative;
+
+  &:hover {
+    text-decoration: none;
+  }
+
+  [class^="icon-"] {
+    font-size: rem-calc(19);
+    vertical-align: middle;
+  }
+
+  .icon-circle {
+    color: #ecf00b;
+    font-size: rem-calc(10);
+    position: absolute;
+    left: 12px;
+    top: 6px;
+
+    @include breakpoint(medium) {
+      left: auto;
+      right: 8px;
+    }
+  }
+}