Add breadcrumb navigation

2017-11-12 22:33:41 +01:00
parent 6d4ef48991
commit 9399849e0c
16 changed files with 120 additions and 50 deletions
--- a/app/styles/components/_breadcrumb-nav.scss
+++ b/app/styles/components/_breadcrumb-nav.scss
@@ -0,0 +1,22 @@
+.breadcrumb-nav {
+
+  a {
+    &.active {
+      text-decoration: none;
+    }
+  }
+
+  .node {
+    display: inline-block;
+  }
+
+  .node + .node {
+    margin-left: 0.5rem;
+
+    &::before {
+      content: '›';
+      padding-right: 0.6rem;
+    }
+  }
+
+}
--- a/app/styles/components/_directory-listing.scss
+++ b/app/styles/components/_directory-listing.scss
@@ -3,15 +3,17 @@
  ul.listing {
    display: block;
    width: 100%;
+    margin: 0;
+    padding: 0;
    margin-bottom: 6rem;

    li {
      display: table;
      width: 100%;
-      border-bottom: 1px solid #ececec;
+      border-bottom: 1px solid $light-grey-2;

      &:first-of-type {
-        border-top: 1px solid #ececec;
+        border-top: 1px solid $light-grey-2;
      }

      &:hover {
@@ -41,7 +43,7 @@
          }
          &.type {
            width: 37%;
-            color: #aaa;
+            color: $dark-grey-3;
          }
        }
      }