Twenty Twenty-One: Display inline-images inline.

Remove `display: block` property from inline images and display them center aligned vertically.

Props jeroenrotty, melchoyce, mukesh27, paaljoachim, poena, talldanwp.
Fixes #52287.



git-svn-id: https://develop.svn.wordpress.org/trunk@50351 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Peter Wilson 2021-02-16 02:24:11 +00:00
parent 62614d976b
commit d9ceb1c434
10 changed files with 11 additions and 33 deletions

View File

@ -235,9 +235,9 @@ blockquote footer {
}
img {
display: block;
height: auto;
max-width: 100%;
vertical-align: middle;
}
/* Classic editor images */

File diff suppressed because one or more lines are too long

View File

@ -2071,7 +2071,9 @@ fieldset input[type=checkbox] + label {
}
img {
display: block;
height: auto;
max-width: 100%;
vertical-align: middle;
}
/* Classic editor images */
@ -3484,12 +3486,6 @@ h6 {
margin-top: 0;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.wp-block-image.is-style-twentytwentyone-border img {
border: 3px solid #28303d;
}

File diff suppressed because one or more lines are too long

View File

@ -397,9 +397,9 @@ blockquote footer {
}
img {
display: block;
height: auto;
max-width: 100%;
vertical-align: middle;
}
/* Classic editor images */

View File

@ -1,7 +1,7 @@
img {
display: block;
height: auto;
max-width: 100%;
vertical-align: middle;
}
/* Classic editor images */

View File

@ -35,12 +35,6 @@
}
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
// Block Styles
.wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img {

View File

@ -1564,9 +1564,9 @@ fieldset input[type=checkbox] + label {
}
img {
display: block;
height: auto;
max-width: 100%;
vertical-align: middle;
}
/* Classic editor images */
@ -2368,12 +2368,6 @@ h6,
margin-top: 0;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);

View File

@ -1574,9 +1574,9 @@ fieldset input[type=checkbox] + label {
}
img {
display: block;
height: auto;
max-width: 100%;
vertical-align: middle;
}
/* Classic editor images */
@ -2378,12 +2378,6 @@ h6,
margin-top: 0;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);

File diff suppressed because one or more lines are too long