3 files changed, 56 insertions, 0 deletions
diff --git a/assets/sass/@primer/css/breadcrumb/README.md b/assets/sass/@primer/css/breadcrumb/README.md
new file mode 100644
index 0000000..0abb273
--- /dev/null
+++ b/assets/sass/@primer/css/breadcrumb/README.md
@@ -0,0 +1,25 @@
+---
+bundle: "breadcrumb"
+generated: true
+---
+
+# Primer CSS: `breadcrumb` bundle
+
+## Usage
+
+Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
+
+```scss
+@import "@primer/css/breadcrumb/index.scss";
+```
+
+## Build
+
+The `@primer/css` npm package includes a standalone CSS build of this module in `dist/breadcrumb.css`.
+
+## License
+
+[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
+
+
+[scss]: https://sass-lang.com/documentation/syntax#scss
diff --git a/assets/sass/@primer/css/breadcrumb/breadcrumb.scss b/assets/sass/@primer/css/breadcrumb/breadcrumb.scss
new file mode 100644
index 0000000..bba7709
--- /dev/null
+++ b/assets/sass/@primer/css/breadcrumb/breadcrumb.scss
@@ -0,0 +1,28 @@
+.breadcrumb-item {
+  display: inline-block;
+  // stylelint-disable-next-line primer/spacing
+  margin-left: -0.35em;
+  white-space: nowrap;
+  list-style: none;
+
+  &::after {
+    padding-right: $em-spacer-5;
+    padding-left: $em-spacer-5;
+    // stylelint-disable-next-line primer/colors
+    color: $border-gray;
+    content: "/";
+  }
+
+  &:first-child {
+    margin-left: 0;
+  }
+}
+
+.breadcrumb-item-selected,
+.breadcrumb-item[aria-current] {
+  color: $text-gray;
+
+  &::after {
+    content: none;
+  }
+}
diff --git a/assets/sass/@primer/css/breadcrumb/index.scss b/assets/sass/@primer/css/breadcrumb/index.scss
new file mode 100644
index 0000000..2b95a88
--- /dev/null
+++ b/assets/sass/@primer/css/breadcrumb/index.scss
@@ -0,0 +1,3 @@
+// support files
+@import "../support/index.scss";
+@import "./breadcrumb.scss";