Update styling of font appearance list items

WordPress · Nov 5, 2020 · 5eaf4fc · 5eaf4fc
1 parent 014d10b
commit 5eaf4fc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/font-appearance-control/index.js b/packages/block-editor/src/components/font-appearance-control/index.js
@@ -38,7 +38,7 @@ export default function FontAppearanceControl( { value, options, onChange } ) {
 					name:
 						styleSlug === 'normal'
 							? weightName
-							: `${ weightName } - ${ styleName }`,
+							: `${ weightName } ${ styleName }`,
 					// style applies font appearance to the individual select option.
 					style: { fontStyle: styleSlug, fontWeight: weightSlug },
 					// presetStyle are the actual typography styles that should be given to onChange.

diff --git a/packages/block-editor/src/components/font-appearance-control/style.scss b/packages/block-editor/src/components/font-appearance-control/style.scss
@@ -1,3 +1,10 @@
 .components-font-appearance-control__select {
 	margin-bottom: 24px;
+
+	ul {
+		li {
+			color: $gray-900;
+			text-transform: capitalize;
+		}
+	}
 }