Добавил breadcrumbs

projectConfig.json

@@ -44,7 +44,8 @@
     "table-mobile-scroll": [],
     "owl-carousel": [],
     "swipe": [],
-    "pagination": []
+    "pagination": [],
+    "breadcrumbs": []
   },
   "addCssBefore": [
     "./src/scss/variables.scss",

src/blocks-demo.html

@@ -1390,6 +1390,31 @@
 
     </section>
 
+    <section class="blocks-library__item" id="breadcrumbs" data-name=".breadcrumbs">
+
+      <h2 class="blocks-library__item-title">Хлебные крошки</h2>
+
+      <ul class="breadcrumbs">
+        <li class="breadcrumbs__item"><a href="" class="breadcrumbs__link">Главная</a></li>
+        <li class="breadcrumbs__item"><a href="" class="breadcrumbs__link">Каталог</a></li>
+        <li class="breadcrumbs__item"><a href="" class="breadcrumbs__link">Маркеры</a></li>
+      </ul>
+
+      <div class="blocks-library__code-wrapper">
+        <span class="blocks-library__code-show-trigger" title="Показать код"><i class="blocks-library__code-icon"></i></span>
+        <div class="blocks-library__code">
+          <pre class="code">
+              <code>&lt;ul class="breadcrumbs"></code>
+              <code>  &lt;li class="breadcrumbs__item">&lt;a href="" class="breadcrumbs__link">Главная&lt;/a>&lt;/li></code>
+              <code>  &lt;li class="breadcrumbs__item">&lt;a href="" class="breadcrumbs__link">Каталог&lt;/a>&lt;/li></code>
+              <code>  &lt;li class="breadcrumbs__item">&lt;a href="" class="breadcrumbs__link">Маркеры&lt;/a>&lt;/li></code>
+              <code>&lt;/ul></code>
+          </pre>
+        </div>
+      </div>
+
+    </section>
+
     <section class="blocks-library__item" id="dropdown" data-name=".dropdown">
 
       <h2 class="blocks-library__item-title">Выпадающий блок</h2>

src/blocks/breadcrumbs/breadcrumbs.html

+<!--DEV
+
+Для использования этого файла как шаблона:
+
+@ @include('blocks/breadcrumbs/breadcrumbs.html')
+
+(Нужно убрать пробел между символами @)
+Подробнее: https://www.npmjs.com/package/gulp-file-include
+
+-->
+
+<ul class="breadcrumbs">
+  <li class="breadcrumbs__item"><a href="" class="breadcrumbs__link">Главная</a></li>
+  <li class="breadcrumbs__item"><a href="" class="breadcrumbs__link">Каталог</a></li>
+  <li class="breadcrumbs__item"><a href="" class="breadcrumbs__link">Маркеры</a></li>
+</ul>

src/blocks/breadcrumbs/breadcrumbs.scss

+// В этом файле должны быть стили только для БЭМ-блока breadcrumbs, его элементов,
+// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
+// Не пишите здесь другие селекторы.
+
+$line-height:                 1.375em !default;
+
+$text-color:                  hsl(0, 0%, 10%) !default;
+
+.breadcrumbs {
+  padding: 0;
+  list-style: none;
+  margin: $line-height 0;
+
+  &__item {
+    display: inline-block;
+    margin-right: 0.6em;
+    white-space: nowrap;
+
+    &:not(:last-child):after {
+      content: '>';
+      display: inline-block;
+      margin-left: 0.8em;
+      color: $gray;
+    }
+  }
+
+  &__link {
+    color: $text-color;
+    text-decoration: none;
+
+    &:hover,
+    &:focus {
+      color: $text-color;
+      text-decoration: none;
+    }
+  }
+}