diff --git a/docs/reference-guides/core-blocks/README.md b/docs/reference-guides/core-blocks/README.md index 52241b671c5405..e8dc95f9cdaf80 100644 --- a/docs/reference-guides/core-blocks/README.md +++ b/docs/reference-guides/core-blocks/README.md @@ -636,7 +636,7 @@ Embed a simple playlist. - **Experimental:** true - **Category:** [media](https://developer.wordpress.org/block-editor/reference-guides/core-blocks/core-blocks-media/) - **Allowed Blocks:** core/playlist-track -- **Supports:** align, anchor, color (background, gradients, link, text), interactivity, spacing (margin, padding) +- **Supports:** align, anchor, color (background, gradients, link, text), interactivity, spacing (margin, padding), typography (fontSize) - **Attributes:** caption, order, showArtists, showImages, showNumbers, showTrackLength, showTracklist, type, waveformStyle ## Playlist track diff --git a/packages/block-library/src/playlist/README.md b/packages/block-library/src/playlist/README.md index b1182ddd4490f9..a5808ad9fe3a47 100644 --- a/packages/block-library/src/playlist/README.md +++ b/packages/block-library/src/playlist/README.md @@ -45,6 +45,8 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing): - `margin`: `true` - `padding`: `true` +- [`typography`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography): + - [`fontSize`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-fontsize): `true` ## Context diff --git a/packages/block-library/src/playlist/block.json b/packages/block-library/src/playlist/block.json index ea9cc974b48952..52fa16bad741a0 100644 --- a/packages/block-library/src/playlist/block.json +++ b/packages/block-library/src/playlist/block.json @@ -76,6 +76,12 @@ "spacing": { "margin": true, "padding": true + }, + "typography": { + "fontSize": true, + "__experimentalDefaultControls": { + "fontSize": true + } } }, "editorStyle": "wp-block-playlist-editor", diff --git a/packages/block-library/src/playlist/style.scss b/packages/block-library/src/playlist/style.scss index 6f446f882e85ce..7f26980108e42b 100644 --- a/packages/block-library/src/playlist/style.scss +++ b/packages/block-library/src/playlist/style.scss @@ -41,6 +41,13 @@ $waveform-player-height: 100px; opacity: 0.7; } + .waveform-info, + .waveform-artist, + .waveform-title, + .waveform-time { + font-size: inherit; + } + .wp-block-playlist__tracklist { margin: 0; padding-left: 0;