pop up activity feed styles

opentech/static_src/src/sass/apply/components/_activity-feed.scss

+.activity-feed {
+    position: fixed;
+    top: 140px;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: -1;
+    opacity: 0;
+    transition: top, opacity, $transition;
+
+    &.is-open {
+        top: 0;
+        z-index: 20;
+        width: 100%;
+        height: 100vh;
+        background: $color--white;
+        opacity: 1;
+        transition: opacity, top, $transition;
+    }
+
+    &__header {
+        text-align: center;
+        background-color: $color--default;
+    }
+
+    &__heading {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 20px 0;
+        color: $color--white;
+    }
+}

opentech/static_src/src/sass/apply/main.scss

@@ -11,6 +11,7 @@
 @import 'base/typography';
 
 // Components
+@import 'components/activity-feed';
 @import 'components/button';
 @import 'components/grid';
 @import 'components/heading';