Merge pull request #629 from dod-ccpo/funding-header

Add Funding Through to Portfolio Header
2019-02-12 14:27:02 -05:00
parent 66763ad3db 4025974b92
commit a1b1905750
5 changed files with 104 additions and 17 deletions
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -99,6 +99,42 @@
      }
    }
  }
+
+  .column-left {
+    width: 12.5rem;
+    float: left;
+  }
+
+  .column-right {
+    margin-left: -.4rem;
+  }
+
+  .cents {
+    font-size: 2rem;
+    margin-top: .75rem;
+    margin-left: -.7rem;
+    font-weight: bold;
+  }
+
+  .portfolio-funding__header--funded-through {
+    flex-grow: 1;
+    text-align: left;
+    font-weight: bold;
+  }
+
+  .funded {
+    color: $color-blue;
+    .icon {
+      @include icon-color($color-blue);
+    }
+  }
+
+  .unfunded {
+    color: $color-red;
+    .icon {
+      @include icon-color($color-red);
+    }
+  }
 }

@mixin subheading {