From 159b5f9838e9bb18826bc3c3809210271de4093d Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Wed, 6 Feb 2019 14:59:42 -0500
Subject: [PATCH] Add rudimentary breadcrumb at top of page

---
 styles/components/_portfolio_layout.scss |  9 +++++++++
 styles/core/_variables.scss              |  2 +-
 templates/portfolios/breadcrumbs.html    | 14 +++++++++++++-
 3 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index e74481a3..5872aa58 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -4,6 +4,15 @@
   }
 }
 
+.portfolio-breadcrumbs {
+  margin-bottom: $gap * 2;
+  color: $color-gray-medium;
+  font-size: $h5-font-size;
+  .icon {
+    @include icon-color($color-gray-medium);
+  }
+}
+
 .portfolio-navigation {
   @include panel-margin;
   margin-bottom: $gap * 4;
diff --git a/styles/core/_variables.scss b/styles/core/_variables.scss
index 3586faa9..95cfba10 100644
--- a/styles/core/_variables.scss
+++ b/styles/core/_variables.scss
@@ -62,7 +62,7 @@ $color-black-light:          #212121;
 
 $color-gray-dark:            #323a45;
 $color-gray:                 #5b616b;
-$color-gray-medium:          #757575;
+$color-gray-medium:          #9b9b9b;
 $color-gray-light:           #aeb0b5;
 $color-gray-lighter:         #d6d7d9;
 $color-gray-lightest:        #f1f1f1;
diff --git a/templates/portfolios/breadcrumbs.html b/templates/portfolios/breadcrumbs.html
index cc8894de..b6aec6c1 100644
--- a/templates/portfolios/breadcrumbs.html
+++ b/templates/portfolios/breadcrumbs.html
@@ -1 +1,13 @@
-{{ portfolio.name }}
+{% from "components/icon.html" import Icon %}
+
+<div class="row portfolio-breadcrumbs">
+  <div class="portfolio-breadcrumbs__home">
+    {{ Icon("briefcase") }}
+    <span>
+      {{ portfolio.name }} Portfolio
+    </span>
+  </div>
+  <div class="portfolio-breadcrumbs__crumb">
+  </div>
+</div
+>