add breadcrumb code

2 files changed, 34 insertions, 0 deletions

diff --git a/src/buttons.less b/src/buttons.less
index e04aaa9..43e4e7d 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -166,6 +166,10 @@ button {
     }
   }
 
+  .btn-groups {
+
+  }
+
   // TODO: Button with icons
   // TODO: Button groups
 }
\ No newline at end of file
diff --git a/src/navigation.less b/src/navigation.less
index 8fbcc0f..2e94d30 100644
--- a/src/navigation.less
+++ b/src/navigation.less
@@ -1 +1,31 @@
 // Navigation
+.breadcrumb {
+  list-style: none;
+  margin: .5rem 0;
+  padding: 1.2rem;
+
+  li {
+    display: inline-block;
+    margin: 0;
+
+    a {
+      text-decoration: none;
+    }
+
+    &:last-child {
+      &,
+      a {
+        color: lighten(@body-font-color, 20%);
+        pointer-events: none;
+      }
+    }
+
+    &:not(:last-child) {
+      &::after {
+        content: "/";
+        padding: 0 .4rem;
+        color: @control-color;
+      }
+    }
+  }
+}