Added breadcrumb variables

rbouma · Aug 14, 2018 · 8c4cccf · 8c4cccf
1 parent b9a2344
commit 8c4cccf
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 2 deletions.
diff --git a/src/scss/boilerplate/_menu.scss b/src/scss/boilerplate/_menu.scss
@@ -64,4 +64,34 @@
       }
     }
   }
-}
+}
+
+.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
@@ -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
  */