Polish heading size numbers

This PR polishes the tiny number label next to heading buttons.
WordPress · Apr 17, 2017 · bfe833c · bfe833c
1 parent f580634
commit bfe833c
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/editor/components/toolbar/style.scss b/editor/components/toolbar/style.scss
@@ -15,6 +15,7 @@
 	outline: none;
 	color: $dark-gray-500;
 	cursor: pointer;
+	position: relative;
 
 	&:first-child {
 		margin-left: 3px;
@@ -29,6 +30,17 @@
 		background-color: $dark-gray-500;
 		color: $white;
 	}
+
+	/* Optional number, e.g. for headings */
+	span {
+		font-family: $default-font;
+		font-size: 10px;
+		font-weight: bold;
+		position: absolute;
+		bottom: 8px;
+		right: 4px;
+	}
+
 }
 
 .editor-toolbar__control .dashicon {