Skip to content
Permalink
Browse files

Twenty Nineteen: Make sure center-aligned images in columns do not br…

…eak beyond the column boundaries.

Props kjellr.
Fixes #47937.

git-svn-id: https://develop.svn.wordpress.org/trunk@45897 602fd350-edb4-49c9-b593-d223f7449a82
  • Loading branch information...
SergeyBiryukov committed Aug 26, 2019
1 parent c8bd4cb commit ef69d4ba14b4a88fc38e4b5dfe91506fc2509016
@@ -788,7 +788,8 @@
}

// Ensure images do not expand beyond the column.
.wp-block-image > img:not(.alignwide):not(.alignfull) {
.wp-block-image > img:not(.alignwide):not(.alignfull),
.wp-block-image > figure {

@include media(tablet) {
max-width: 100%;
@@ -6092,13 +6092,15 @@ body.page .main-navigation {
}

@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
.entry .entry-content .wp-block-columns .wp-block-image > figure {
max-width: 100%;
}
}

@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
.entry .entry-content .wp-block-columns .wp-block-image > figure {
max-width: 100%;
}
}
@@ -6104,13 +6104,15 @@ body.page .main-navigation {
}

@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
.entry .entry-content .wp-block-columns .wp-block-image > figure {
max-width: 100%;
}
}

@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
.entry .entry-content .wp-block-columns .wp-block-image > figure {
max-width: 100%;
}
}

0 comments on commit ef69d4b

Please sign in to comment.
You can’t perform that action at this time.