Polish breadcrumbs.

WordPress · Oct 18, 2019 · 619d37f · 619d37f
1 parent 80f8e34
commit 619d37f
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 7 deletions.
diff --git a/packages/block-editor/src/components/block-breadcrumb/style.scss b/packages/block-editor/src/components/block-breadcrumb/style.scss
@@ -8,17 +8,31 @@
 		margin: 0;
 
 		&:not(:last-child)::after {
-			content: "▸";
+			content: "\2192"; // This becomes →.
 		}
 	}
 }
 
 .block-editor-block-breadcrumb__button.components-button {
-	color: inherit;
+	color: $dark-gray-500;
 	font-size: inherit;
+	height: $icon-button-size-small;
+	line-height: 100%;
+
+	&:hover {
+		text-decoration: underline;
+	}
+
+	&:focus {
+		@include square-style__focus();
+		outline-offset: -2px;
+		box-shadow: none;
+	}
 }
 
 .block-editor-block-breadcrumb__current {
-	padding: 0 10px;
+	color: $dark-gray-500;
+	padding: 0 $grid-size;
 	font-size: inherit;
+	cursor: default;
 }
diff --git a/packages/edit-post/src/components/layout/style.scss b/packages/edit-post/src/components/layout/style.scss
@@ -246,16 +246,16 @@
 		bottom: 0;
 		right: 0;
 		background: $white;
-		height: 30px;
-		padding: 0 10px;
+		height: $icon-button-size-small;
+		padding: 0 $grid-size;
 		align-items: center;
 		border-top: $border-width solid $light-gray-500;
-		font-size: 12px;
+		font-size: $default-font-size;
 
 		.edit-post-layout.is-sidebar-opened & {
 			right: $sidebar-width;
 		}
 	}
 }
-@include editor-left(".edit-post-layout__footer");
 
+@include editor-left(".edit-post-layout__footer");