Merge pull request #184 from Phreshhh/feature-breadcrumb

Feature Breadcrumb

docs/content/docs/components/breadcrumb.md

@@ -0,0 +1,20 @@
+---
+title: Breadcrumb
+description: PaperCSS Breadcrumb
+---
+
+<ul class="breadcrumb border">
+  <li><a href="#">Documentation</a></li>
+  <li><a href="#">Components</a></li>
+  <li>Breadcrumb</li>
+</ul>
+
+#### Code:
+
+```html
+<ul class="breadcrumb border">
+  <li><a href="#">Documentation</a></li>
+  <li><a href="#">Components</a></li>
+  <li>Breadcrumb</li>
+</ul>
+```

package-lock.json

@@ -4173,7 +4173,8 @@
         },
         "ansi-regex": {
           "version": "2.1.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -4191,11 +4192,13 @@
         },
         "balanced-match": {
           "version": "1.0.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -4208,15 +4211,18 @@
         },
         "code-point-at": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -4319,7 +4325,8 @@
         },
         "inherits": {
           "version": "2.0.3",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -4329,6 +4336,7 @@
         "is-fullwidth-code-point": {
           "version": "1.0.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -4341,17 +4349,20 @@
         "minimatch": {
           "version": "3.0.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
         },
         "minimist": {
           "version": "0.0.8",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -4368,6 +4379,7 @@
         "mkdirp": {
           "version": "0.5.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -4440,7 +4452,8 @@
         },
         "number-is-nan": {
           "version": "1.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -4450,6 +4463,7 @@
         "once": {
           "version": "1.4.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -4525,7 +4539,8 @@
         },
         "safe-buffer": {
           "version": "5.1.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -4555,6 +4570,7 @@
         "string-width": {
           "version": "1.0.2",
           "bundled": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -4572,6 +4588,7 @@
         "strip-ansi": {
           "version": "3.0.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -4610,11 +4627,13 @@
         },
         "wrappy": {
           "version": "1.0.2",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         }
       }
     },

src/components/_breadcrumb.scss

@@ -0,0 +1,28 @@
+ul.breadcrumb {
+  list-style: none;
+  padding: 10px 16px;
+
+  li {
+    display: inline;
+    font-size: 20px;
+
+    &::before {
+      content: '';
+    }
+
+    a {
+      background-image: none;
+      color: $secondary;
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  li + li::before {
+    content: '/\00a0';
+    padding: 8px;
+  }
+}

src/styles.scss

@@ -25,6 +25,7 @@
 @import 'components/alerts';
 @import 'components/article';
 @import 'components/badges';
+@import 'components/breadcrumb';
 @import 'components/buttons';
 @import 'components/cards';
 @import 'components/forms';