feat(resources): implement breadcrumbs

2026-09-07 16:06:12 +02:00 · 2019-08-12 22:40:15 -04:00
parent da3f21d4d6
commit 809678383a
7 changed files with 120 additions and 24 deletions
@@ -0,0 +1,38 @@
+import styled from "styled-components"
+import { Link } from "gatsby"
+
+export const ResourceBreadcrumbWrapper = styled.div`
+  display: flex;
+  align-items: flex-start;
+`
+
+export const LinkWrapper = styled.div`
+  display: flex;
+  align-items: center;
+  height: 30px;
+
+  svg {
+    width: 12px;
+    transform: rotate(90deg);
+    margin: 6px;
+  }
+
+  svg path {
+    fill: #04b0a6;
+  }
+`
+
+export const StyledLink = styled(Link)`
+  color: #04b0a6;
+  cursor: pointer;
+
+  &:hover {
+    color: #045551;
+  }
+`
+
+export const CurrentPage = styled.div`
+  display: flex;
+  align-items: center;
+  height: 30px;
+`