-
Notifications
You must be signed in to change notification settings - Fork 4.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Pullquote block: Unify cite element to block level #45403
Conversation
.wp-block-pullquote cite { | ||
color: inherit; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This style was already defined and removed due to duplication.
Size Change: -2 B (0%) Total Size: 1.71 MB
ℹ️ View Unchanged
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.
To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
02d0ceb
to
e50eb0b
Compare
I would like to work on deprecating pullquote blocks, so I would like to close this PR. |
Note
In #11610, it is being considered to deprecate the Pullquote block. If the Pullquote block is deprecated, I think this PR can be closed.
What?
This PR Unify cite element to block level.
Why?
On the editor,
cite
element is aRichText
component, sodisplay:block
is applied. However, on the front end, the display property is not defined. Sincecite
tag is a text-level semantics, browsers should render it asdisplay:inline
by default. Therefore, the margins between the quote text and the cite text are slightly wider than those on the editor.Editor
Front end
How?
display:block
applied to the front-end cite element.Testing Instructions
Note: Twenty Twenty Three uses
clamp
for font size, so it would be difficult to accurately compare the differences between the editor and the front end.Twenty Twenty Two or emptytheme would be appropriate.