WordPress/wp-content/themes/twentytwentyone/assets/sass
hellofromTonya 5e52fa8477 Bundled Themes: Support pullquote block typography options in Twenty Twenty-One.
Pullquotes were not inheriting the correct styling from the block
editor. This commit resolves the issue by supporting typography options.

1. The `font-family` variable remains on the paragraph (both editor and front) so the citation continues to use the body font even when the site redefines `var(--pullquote--font-family)`.

2. The `font-size`, `font-style`, `font-weight`, `letter-spacing` and `line-height` are set on the Pullquote block to allow overriding with the sidebar settings. Then the block's paragraph element inherits those styles.

3. When the settings do not give a custom `line-height` from the sidebar, these stylesheets set the paragraph to `var(--pullquote--line-height)` instead of inheriting 1.6 from the block styles. This patch uses `:where()` to avoid increasing specificity.

Moving styles from the paragraph element to the block should not affect the citation, which has had its own styles for `font-size`, `font-style`, `font-weight` and `letter-spacing`.

Follow-up to [56959], [56451], [55089], [55088], [49574], [49320], [49216].

Props sabernhardt, poena, darshitrajyaguru97, harshgajipara, shailu25, skyakash12.
Fixes #57854.
Built from https://develop.svn.wordpress.org/trunk@57631


git-svn-id: http://core.svn.wordpress.org/trunk@57132 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2024-02-13 21:24:10 +00:00
..
01-settings Bundled Themes: Version bump themes affected by #60241. 2024-01-16 19:25:12 +00:00
02-tools Twenty Twenty-One: Update devDependencies. 2021-05-24 15:37:55 +00:00
03-generic Twenty Twenty-One: Add margins around content in Post Template block. 2021-06-22 16:55:58 +00:00
04-elements Twenty Twenty-One: Ensure the dropdown arrow displays for <select> elements when focused. 2021-07-01 19:55:58 +00:00
05-blocks Bundled Themes: Support pullquote block typography options in Twenty Twenty-One. 2024-02-13 21:24:10 +00:00
06-components Twenty Twenty-One: Reverse logic for prefers-reduced-motion media query. 2022-03-10 05:21:03 +00:00
07-utilities Twenty Twenty-One: Reverse logic for prefers-reduced-motion media query. 2022-03-10 05:21:03 +00:00
style-dark-mode.scss Twenty Twenty-One: Reverse logic for prefers-reduced-motion media query. 2022-03-10 05:21:03 +00:00
style-editor.scss Twenty Twenty-One: Add b and strong elements to editor styles. 2023-07-09 15:49:23 +00:00
style.scss Twenty Twenty-One: Remove spacer block styles. 2022-09-08 15:48:08 +00:00