From 8c4cccf3f113f460986b4030cb301d311fe2315f Mon Sep 17 00:00:00 2001
From: Jordy Kommeren <j.kommeren@epartment.nl>
Date: Tue, 14 Aug 2018 11:26:44 +0200
Subject: [PATCH] Added breadcrumb variables

---
 src/scss/boilerplate/_menu.scss      | 32 +++++++++++++++++++++++++++-
 src/scss/boilerplate/_variables.scss | 12 ++++++++++-
 2 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/src/scss/boilerplate/_menu.scss b/src/scss/boilerplate/_menu.scss
index 5c08dc3..9a8b536 100644
--- a/src/scss/boilerplate/_menu.scss
+++ b/src/scss/boilerplate/_menu.scss
@@ -64,4 +64,34 @@
       }
     }
   }
-}
\ No newline at end of file
+}
+
+.breadcrumbs {
+  .items {
+    .item {
+      font-size: $breadcrumb-item-font-size;
+      line-height: $breadcrumb-item-line-height;
+      padding: $breadcrumb-item-padding;
+      color: $breadcrumb-item-color;
+      font-weight: $breadcrumb-item-font-weight;
+
+      a {
+        font-size: $breadcrumb-item-font-size;
+        line-height: $breadcrumb-item-line-height;
+        padding: $breadcrumb-item-padding;
+        color: $breadcrumb-item-color;
+        font-weight: $breadcrumb-item-font-weight;
+      }
+      strong {
+        font-weight: $breadcrumb-item-current-font-weight;
+        color: $breadcrumb-item-current-color;
+      }
+
+      &:after {
+        color: $breadcrumb-item-chevron-color;
+        line-height: $breadcrumb-item-chevron-line-height;
+      }
+    }
+  }
+}
+
diff --git a/src/scss/boilerplate/_variables.scss b/src/scss/boilerplate/_variables.scss
index 2301192..6591b91 100644
--- a/src/scss/boilerplate/_variables.scss
+++ b/src/scss/boilerplate/_variables.scss
@@ -525,6 +525,17 @@ $form-fieldset-field-control-float: none !default;
 $form-action-toolbar-margin: 20px 0 !default;
 $form-action-toolbar-padding: 0 !default;
 
+/* Breadcrumbs */
+$breadcrumb-item-font-size: $font-default-font-size !default;
+$breadcrumb-item-line-height: $font-default-font-line-height !default;
+$breadcrumb-item-padding: 5px 5px 0 0 !default;
+$breadcrumb-item-color: $font-default-color !default;
+$breadcrumb-item-font-weight: $font-default-font-weight !default;
+$breadcrumb-item-current-font-weight: $font-default-font-weight !default;
+$breadcrumb-item-current-color: $color-boilerplate-gray !default;
+$breadcrumb-item-chevron-color: $color-boilerplate-gray !default;
+$breadcrumb-item-chevron-line-height: $font-default-font-line-height !default;
+
 /* Toolbar */
 $toolbar-modes-mode-background: $color-boilerplate-light-gray !default;
 $toolbar-modes-mode-border: 1px solid $color-boilerplate-gray !default;
@@ -539,7 +550,6 @@ $toolbar-modes-mode-active-border: $toolbar-modes-mode-border !default;
 $toolbar-modes-mode-active-color: $toolbar-modes-mode-color !default;
 $toolbar-modes-mode-active-padding: $toolbar-modes-mode-padding !default;
 
-
 /*
  * Tabs
  */