Merge issue-34 (Refs #34)

craft/src/styles/editor.css

@@ -2391,6 +2391,32 @@ body {
   color: var(--color-text);
   background: transparent;
   border: 1px solid transparent;
+/* #34 breadcrumb */
+.canvas-breadcrumb {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  flex: 0 0 28px;
+  height: 28px;
+  padding: 0 10px;
+  overflow-x: auto;
+  white-space: nowrap;
+  background: var(--color-bg-surface);
+  border-bottom: 1px solid var(--color-border);
+  font-size: 12px;
+}
+
+.canvas-breadcrumb-sep {
+  color: var(--color-text-dim);
+  user-select: none;
+}
+
+.canvas-breadcrumb-crumb {
+  padding: 2px 6px;
+  font: inherit;
+  color: var(--color-text-muted);
+  background: transparent;
+  border: 0;
   border-radius: var(--radius-sm);
   cursor: pointer;
 }
@@ -2399,4 +2425,13 @@ body {
 .empty-container-add-item:focus-visible {
   border-color: var(--color-accent);
   outline: none;
+.canvas-breadcrumb-crumb:hover {
+  color: var(--color-text);
+  background: var(--color-bg-hover);
+}
+
+.canvas-breadcrumb-crumb[aria-current='true'] {
+  color: var(--color-text);
+  background: var(--color-accent-subtle);
+  cursor: default;
 }