Formatting for breadcrumbs (#19)

* Added styles for breadcrumbs

* add use of toolbar variable and remove non-links rendering

Author: Estela-Beatriz

src/css/breadcrumbs.css

@@ -25,11 +25,13 @@ a + .breadcrumbs {
 .breadcrumbs li {
   display: inline;
   margin: 0;
+  color: var(--ds-primary-main);
 }
 
 .breadcrumbs li::after {
   content: "/";
   padding: 0  var(--ds-space-1);
+  color: var(--toolbar-muted-color);
 }
 
 .breadcrumbs li:last-of-type::after {

src/css/toolbar.css

@@ -10,14 +10,15 @@
   top: var(--navbar-height);
   z-index: var(--z-index-toolbar);
   padding-left: calc(24 / var(--rem-base) * 1rem);
+  margin-top: calc(24 / var(--rem-base) * 1rem);
 }
 
 .toolbar ul li:last-of-type {
   color: var(--toolbar-muted-color);
 }
 
 .toolbar a {
-  color: var(--link-font-color);
+  color: inherit;
 }
 
 .nav-toggle::after {

src/css/vars.css

@@ -106,7 +106,7 @@
   /* dimensions and positioning */
   --site-padding: var(--ds-space-4);
   --navbar-height: calc(100 / var(--rem-base) * 1rem);
-  --toolbar-height: calc(45 / var(--rem-base) * 1rem);
+  --toolbar-height: calc(22 / var(--rem-base) * 1rem);
   --drawer-height: var(--toolbar-height);
   --body-top: var(--navbar-height);
   --body-min-height: calc(100vh - var(--body-top));

src/partials/breadcrumbs.hbs

@@ -7,13 +7,11 @@
     {{/if}}
     {{/with}}
     {{#each page.breadcrumbs}}
-    <li>
     {{~#if (and ./url (eq ./urlType 'internal'))~}}
+    <li>
     <a href="{{{relativize ./url}}}">{{{./content}}}</a>
-    {{~else~}}
-    {{{./content}}}
-    {{~/if~}}
     </li>
+    {{~/if~}}
     {{/each}}
   </ul>
   {{/if}}