initial

static/assets/scss/volt/components/_breadcrumb.scss

@@ -0,0 +1,56 @@
+/**
+ * = Breadcrumbs
+ */
+
+.breadcrumb-item {
+  font-size: $font-size-xs;
+  &, a {
+    color: $breadcrumb-item-color;
+    font-weight: $breadcrumb-font-weight;
+    font-size: $font-size-xs;
+    @include media-breakpoint-up(sm){
+      font-size: $font-size-sm;
+    }
+  }
+
+  &.active {
+    font-weight: $breadcrumb-active-font-weight;
+  }
+
+}
+
+.breadcrumb-transparent {
+  background: transparent;
+  padding: 0;
+}
+
+@each $color, $value in $theme-colors {
+  .breadcrumb-#{$color}  {
+      background: $value;
+      .breadcrumb-item{
+          &.active {
+              color: $white;
+          }
+      }
+      &.breadcrumb-transparent {
+        background: transparent;
+        .breadcrumb-item {
+          &.active {
+            color: $value;
+          }
+        }
+      }
+  }
+}
+
+.breadcrumb-text-light {
+  .breadcrumb-item {
+    &, a {
+      color: $breadcrumb-item-light-color;
+    }
+
+    &:before {
+      color: $breadcrumb-divider-light-color;
+    }
+  }
+}