Add "Applications" header on applications page

2019-02-07 14:09:22 -05:00
parent 31f8c0f381
commit 53ce532319
2 changed files with 81 additions and 43 deletions
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -89,6 +89,30 @@
  margin-top: 6 * $gap;
 }

+.portfolio-applications {
+  .portfolio-applications__header {
+    margin-bottom: 4 * $gap;
+
+    .portfolio-applications__header--title {
+      color: $color-gray-dark;
+      padding: $gap 0;
+      text-transform: uppercase;
+      opacity: 0.54;
+      font-size: $small-font-size;
+      font-weight: bold;
+    }
+
+    .portfolio-applications__header--actions {
+      color: $color-blue;
+      font-size: $small-font-size;
+      .icon {
+        @include icon-color($color-blue);
+        @include icon-size(14);
+      }
+    }
+  }
+}
+
 .portfolio-funding {
  .portfolio-funding__header {
    padding: 0;