#3500: Illustratr: Fix overflowing column content (#6100)

* #3500: Illustratr: Fix overflowing column content

* #3500: Illustratr: Fix overflowing columns in groups

* #3500: Illustratr: Broaden rules to fix columns w/in other blocks

* #3500: Remove unnecessary CSS comment
This commit is contained in:
Bob Matyas 2022-07-28 08:23:06 -04:00 committed by GitHub
parent b744130100
commit 31c09ed922
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -71,6 +71,15 @@ Description: Used to style Gutenberg Blocks.
/* Wide Width */
div[class$="inner-container"] .wp-block-columns {
margin: 0 auto;
width: 100%;
}
div[class$="inner-container"] .wp-block-columns:not(.alignwide, .alignfull) {
max-width: 840px;
}
@media (min-width: 1024px) {
.alignwide {
width: 120%;
@ -80,6 +89,12 @@ Description: Used to style Gutenberg Blocks.
position: relative;
}
div[class$="inner-container"] .wp-block-columns.alignwide {
width: calc(840px + 10%);
max-width: 100%;
margin: 0 auto;
}
.wp-block-embed.is-type-video.alignwide iframe {
width: 100% !important;
height: 100% !important;
@ -89,7 +104,6 @@ Description: Used to style Gutenberg Blocks.
/*--------------------------------------------------------------
2.0 Blocks - Common Blocks
--------------------------------------------------------------*/
/* Paragraph */
p.has-drop-cap:not(:focus)::first-letter {